/*************************************************************************
 *.index styles
 *								encoding:utf-8   copyright:acari itagaki
 * resume: 1.00.00  2017-01-07  + create document.
 ************************************************************************/

/******************************************************
						 Desktop
*/
@media screen and (min-width:769px){  

#gnav1		{background-image:url(../img/com/home.png);width:55px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:55px;margin-left:10px;border-bottom:2px solid transparent;/* border:1px solid #f00; */}
#gnav2		{background-image:url(../img/com/design2.png);width:100px;height:29px;background-repeat:no-repeat;text-align:right;padding:0 65px 5px 0;border-bottom:2px solid transparent;/* border:1px solid #f00; */ }
#gnav3		{background-image:url(../img/com/art.png);width:29px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:30px;border-bottom:2px solid transparent;}
#gnav4		{background-image:url(../img/com/about.png);width:58px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:60px;border-bottom:2px solid transparent;background-position:0 -27px;}
#gnav5		{background-image:url(../img/com/contact.png);width:74px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:74px;border-bottom:2px solid transparent;}	

#back		{background-color:#fff;width:960px;height:550px; margin:auto;/* border:1px solid #f00; */}
/*#Amain		{width:960px;height:1000px;}*/
#pola		{width:400px;padding: 98px 50px 0 100px;display: inline-block;/*border: 1px solid #f00;*/}
#profile       {width:440px; height:500px;display: inline-block;font-size:15px;letter-spacing:3px;
                vertical-align: top;padding: 95px 0px 0px 0px;color: #555; /*border: 1px solid #f0f;*/}
#p_name p	     {font-weight:bold; margin-top:0;/*左の画像に合わせて上に上げる*/ line-height:1.5;/*行間あける*/ 
			  letter-spacing:.1em;/*border: 1px solid #f0f;*/}	/* letter-spacing:.1em;0.1文字分、文字間あける*/
#p_designer p,#p_artist p,#p_histry p       {/*margin-top:0;*/line-height:1.5;letter-spacing:.01em;font-size:12px;/*border: 1px solid #f0f;*/}
}

/*************************************************************************
 *..Tablet Portrait and SmartPhone Landscape styles
 ************************************************************************/
@media screen and (max-width:768px) and (min-width:481px) {

#gnav1		{background-image:url(../img/com/home.png);width:55px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:55px;margin:30px 0 0 10px;border-bottom:4px solid transparent; /*border:1px solid #f0f;*/ }
#gnav2		{background-image:url(../img/com/design2.png);width:100px;height:29px;background-repeat:no-repeat;text-align:right;padding:0 65px 5px 0;border-bottom:2px solid transparent;/* border:1px solid #f00; */}
#gnav3		{background-image:url(../img/com/art.png);width:29px;height:25px;background-repeat:no-repeat;text-align:right;padding-right:30px;border-bottom:4px solid transparent;}
#gnav4		{background-image:url(../img/com/about.png);width:58px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:60px;border-bottom:4px solid transparent;background-position:0 -27px;}
#gnav5		{background-image:url(../img/com/contact.png);width:74px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:74px;border-bottom:2px solid transparent;}		
    
#back		{background-color:#fff;width:100%;height:100%;/*margin:auto;*/}   
/*#Amain		{width:960px;height:1000px;}*/
#pola		{width:37%;padding: 10% 2% 0 7%;display: inline-block;/*border: 1px solid #f00;*/}
#profile       {width:50%;height:50%; display: inline-block;font-size:15px;letter-spacing:3px;vertical-align: top;
                padding: 10% 0;color: #555; /*border: 1px solid #f0f;*/ }
#p_name p	     {font-weight:bold; margin-top:0;/*左の画像に合わせて上に上げる*/ line-height:1.5;/*行間あける*/ 
			  letter-spacing:.1em;/*border: 1px solid #f0f;*/}	/* letter-spacing:.1em;0.1文字分、文字間あける*/
#p_designer p,#p_artist p,#p_histry p       {/*margin-top:0;*/line-height:1.6;letter-spacing:.02em;font-size:11.5px;/*border: 1px solid #f0f;*/} 
      
}
 
/*************************************************************************
 *..SmartPhone Portrait styles
 ************************************************************************/
@media screen and (max-width:480px) {     
    
#back		{background-color:#fff;width:100%;height:100%;/*margin:auto;*/}   
/*#Amain		{width:960px;height:1000px;}*/
#pola		{width:27%;/*padding: 0% 2% 0 7%;*/margin:10% 50% 19% 65%;display: inline-block;/*border: 1px solid #f00;*/}
#profile       {width:93%;/*height:50%;*/ display: inline-block;font-size:15px;letter-spacing:3px;
                vertical-align: top;margin: 4% 22% 10% 7%;color: #555; /*border: 1px solid #f0f;*/}
#p_name p	     {font-weight:bold;/*float:right;*/width:100%; margin:-40% 0% 5%;/*左の画像に合わせて上に上げる*/
                  line-height:1.5;/*行間あける*/ letter-spacing:.15em;/*border: 1px solid #f0f;*/}	
                /* letter-spacing:.1em;0.1文字分、文字間あける*/
#p_designer p,#p_artist p,#p_histry p       {/*margin-top:0;*/line-height:1.6;letter-spacing:.02em;font-size:11px;/*border: 1px solid #f0f;*/}    

    
}