/* CSS Document */



:link,:visited {text-decoration:none;}

/* a:hover{ background-color:#ffccaa;} */





body,div,a,h1,h2,h3 {font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; 
    }

body {margin:0px;}

#header {
	background-image: url(/common/img/header_back.gif);
	height: 38px;
	width:100%;
}

#header .title {
	background-image: url(/common/img/logo.gif);
	display:block;
	height: 38px;
	width: 181px;
	text-indent:-300px;
	overflow:hidden;
	float:left;
}

#gmenu {
     height:0;
	 }

#gmenu ul{
	 margin:0px;
	 list-style-type:none;
	 }
	 
#gmenu li{
     float:left;
	 background-image: url(/common/img/header_back.gif);
     height: 38px;
	 }


#gmenu ul li .top{
	background-image: url(/common/img/menu01_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 38px;
	width: 39px;
	}
#gmenu ul li a:hover.top{
    background-image: url(/common/img/menu01_on.gif);
}

#gmenu .profile{
	background-image: url(/common/img/menu02_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 38px;
	width: 60px;
	}	
#gmenu ul li a:hover.profile{
    background-image: url(/common/img/menu02_on.gif);
}


#gmenu .illust{
	background-image: url(/common/img/menu03_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 38px;
	width: 56px;
	}	
#gmenu ul li a:hover.illust{
    background-image: url(/common/img/menu03_on.gif);
}


#gmenu .rakugaki{
	background-image: url(/common/img/menu09_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 38px;
	width: 73px;
	}	
#gmenu ul li a:hover.rakugaki{
    background-image: url(/common/img/menu09_on.gif);
}

	
#gmenu .work{
	background-image: url(/common/img/menu04_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 38px;
	width: 76px;
	}	
#gmenu ul li a:hover.work{
    background-image: url(/common/img/menu04_on.gif);
}

#gmenu .diary{
	background-image: url(/common/img/menu05_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 38px;
	width: 67px;
	}	
#gmenu ul li a:hover.diary{
    background-image: url(common/img/menu05_on.gif);
}

#gmenu .photo{
	background-image: url(/common/img/menu06_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 38px;
	width: 57px;
	}	
#gmenu ul li a:hover.photo{
    background-image: url(/common/img/menu06_on.gif);
}
	
#gmenu .mail{
	background-image: url(/common/img/menu07_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 38px;
	width: 43px;
	}	
#gmenu ul li a:hover.mail{
    background-image: url(/common/img/menu07_on.gif);
}

#gmenu .shop{
	background-image: url(/common/img/menu08_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 38px;
	width: 79px;
	}	
#gmenu ul li a:hover.shop{
    background-image: url(/common/img/menu08_on.gif);
}




/*--------------*/




#contents {
     background-image: url(/common/img/back_yellow.gif);
     width:100%;
     }

#tag {float:left;
     width:30px;}

#mainimg, #archivelist {
     padding-top:20px;
     padding-bottom:20px;
     text-align: center;
     min-width:900px;
     }







#shortcut {
     background-image: url(/common/img/back_green.gif);

	 text-align: center;
	 padding:10px;
	 }

#icon {width:100%;
       margin-left:auto;
	   margin-right:auto;
	   }


#icon ul {
     margin:0px;
	 list-style-type:none;
	 }

#icon li {float:left;}

#icon .illust {
	background-image: url(/common/img/m_illust_off.gif);
    text-indent:-600px;
	overflow:hidden;
	display:block;
	height: 180px;
	width: 200px;
	}
#icon a:hover.illust {
    background-image: url(/common/img/m_illust_on.gif);
}


#icon .diary {
	background-image: url(/common/img/m_diary_off.gif);
    text-indent:-600px;
	overflow:hidden;
	display:block;
	height: 180px;
	width: 200px;
	}
#icon a:hover.diary {
    background-image: url(/common/img/m_diary_on.gif);
}


#icon .portfolio {
	background-image: url(/common/img/m_portfolio_off.gif);
    text-indent:-600px;
	overflow:hidden;
	display:block;
	height: 180px;
	width: 200px;
	}
#icon a:hover.portfolio {
    background-image: url(/common/img/m_portfolio_on.gif);
}


#icon .photo {
	background-image: url(/common/img/m_photo_off.gif);
    text-indent:-300px;
	overflow:hidden;
	display:block;
	height: 180px;
	width: 200px;
	}
#icon a:hover.photo {
    background-image: url(/common/img/m_photo_on.gif);
}


#icon .uto_blog {
	background-image: url(/common/img/m_uto_off.gif);
    text-indent:-600px;
	overflow:hidden;
	display:block;
	height: 180px;
	width: 200px;
	}
#icon a:hover.uto_blog {
    background-image: url(/common/img/m_uto_on.gif);
}


#icon .profile {
	background-image: url(/common/img/m_profile_off.gif);
    text-indent:-600px;
	overflow:hidden;
	display:block;
	height: 180px;
	width: 200px;
	}
#icon a:hover.profile {
    background-image: url(/common/img/m_profile_on.gif);
}


#icon .twitter {
	background-image: url(/common/img/m_twitter_off.gif);
    text-indent:-600px;
	overflow:hidden;
	display:block;
	height: 180px;
	width: 200px;
	}
#icon a:hover.twitter {
    background-image: url(common/img/m_twitter_on.gif);
}


#icon .mixi {
	background-image: url(/common/img/m_mixi_off.gif);
    text-indent:-600px;
	overflow:hidden;
	display:block;
	height: 180px;
	width: 200px;
	}
#icon a:hover.mixi {
    background-image: url(/common/img/m_mixi_on.gif);
}


#icon .bookmark {
	background-image: url(/common/img/m_bookmark_off.gif);
    text-indent:-600px;
	overflow:hidden;
	display:block;
	height: 180px;
	width: 200px;
	}
#icon a:hover.bookmark {
    background-image: url(/common/img/m_bookmark_on.gif);
}




#preloaded {
    display:none;
	}



/*--------------*/



#footer {background-image: url(/common/img/footer_back.gif);
         height:30px;}

#footer .copyright {
    background-image: url(/common/img/copyright.gif);
	display:block;
	height: 30px;
	width: 250px;
	text-indent:-600px;
	overflow:hidden;
	float:left;
	}
	
#footer .pageup {
    background-image: url(/common/img/pageup.gif);
	display:block;
	height: 30px;
	width: 50px;
	text-indent:-600px;
	overflow:hidden;
	float:right;
	}
	
	
	
	
/*---------------プロフィールページ--------------------*/
	
	
#column {
     background-image: url(/common/img/back_green.gif);
	 height:240;
	 
	 padding:10px;
	 color:#ffffff;
	 font-size:80%;
	 line-height:160%;
	 padding:20px;
	 }

#column_area {
      width:80%;
	  }

#column_left {width:45%;
	   float:left;
	   margin-left:20px;
	   }
	
#column_right {
	width:45%;
	float:right;
	margin-right:20px;
	}

#column_right a{
    color:#ffffff;
	}

#column hr{
	color:#ffffff;
	height: 1px; 
	border-style: dotted none none none;
	}



#column3 {
     background-image: url(/common/img/back_green.gif);
     height:240;
     padding:10px;
     color:#ffffff;
     font-size:80%;
     line-height:160%;
     padding:20px;
     }


#column3_left {width:28%;
     float:left;
     margin-left:20px;
     }

#column3_center {width:28%;
     float:left;
     margin-left:20px;
     margin-right:20px;
     }

#column3_right {
     width:28%;
     float:left;
     margin-right:20px;
     }
	
	
/*---------------フォトページ--------------------*/



#photo_menu {
    padding-top:20px;
    padding-bottom:20px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    width:850px;
    }

#album {
    text-align: center;

    }


#photo_menu .photo {
    background-image: url(/photo/img/icon01.gif);
    text-indent:-600px;
    overflow:hidden;
    display:block;
    height:240px;
    width: 240px;
    float:left;
    }

#photo_menu .uto {
    background-image: url(/photo/img/icon02.gif);
    text-indent:-600px;
    overflow:hidden;
    display:block;
    height: 240px;
    width: 240px;
    float:left;
    }

#photo_menu .punio {
    background-image: url(/photo/img/icon03.gif);
    text-indent:-600px;
    overflow:hidden;
    display:block;
    height: 240px;
    width: 240px;
    float:left;
    }

#photo_menu a {
    margin:15px;
    }


/*---------------お知らせ欄--------------------*/

#totalrss {
     background-image: url(/common/img/back_green.gif);
	 height:300;
	 text-align: center;
	 padding:20px;
	}

#totalrss iframe {
    width:600px;
	height:270;
    margin-left:auto;
	margin-right:auto;
	border:0px;
	}

#totalrss h4 {
    color:fff;
	margin:3px;
	font-size:12px;
	}