/*
THEME NAME: My iPhone Gallery
THEME URI: http://san-tin.com/iphone
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 3
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

body {
font:12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
background: url(images/bg.jpg) repeat 50% 0;
line-height: 1.5em;
color: #333;
}

body, html {
margin: 0;
padding: 0;
}

a {
color: #4f5f6e;
noFocusLine:expression(this.onFocus=this.blur());
}
:focus {
-moz-outline-style: none;
}

a img {
border: 0;
}

#wrapper {
width: 960px;
margin: 0 auto;
position: relative;
background: url(images/container.jpg) repeat-y 50% 141px;
}

#header {
height: 116px;
background: url(images/header.jpg) no-repeat 50% 0;
}

#header h1 {
margin: 0;
padding: 0;
}
#header h1 a {
text-indent: -5000px;
display: block;
position: absolute;
width: 720px;
height: 70px;
top: 20px;
left: 36px;
}
#blog-description {
display: none;
}

#menu {
position: absolute;
width: 551px;
height: 25px;
top: 91px;
left: 274px;
background: url(images/menu.gif) no-repeat 0 0;
}

#menu ul, #menu li {
list-style: none;
padding: 0;
margin: 0;
}
#menu li {
float: left;
}
#menu li a {
display: block;
height: 25px;
text-indent: -5000px;
width: 94px;
}
#menu #menu_home a {
width: 30px;
}
#menu #menu_blog a {
width: 50px;
}
#menu #menu_home a:hover {
background: url(images/menu.gif) no-repeat 0 100%;
}
#menu #menu_about a:hover {
background: url(images/menu.gif) no-repeat -30px 100%;
}
#menu #menu_review a:hover {
background: url(images/menu.gif) no-repeat -124px 100%;
}
#menu #menu_free a:hover {
background: url(images/menu.gif) no-repeat -218px 100%;
}
#menu #menu_paid a:hover {
background: url(images/menu.gif) no-repeat -312px 100%;
}
#menu #menu_blog a:hover {
background: url(images/menu.gif) no-repeat -406px 100%;
}
#menu #menu_guest a:hover {
background: url(images/menu.gif) no-repeat -456px 100%;
}



.skip-link {
display: none;
}
#nav-above .nav-previous a{
display: block;
width: 29px;
height: 25px;
position: absolute;
top: 91px;
left: 36px;
text-indent: -5000px;
background: url(images/next_bt.gif) no-repeat 0 0;
}
#nav-above .nav-previous a:hover {
background: url(images/next_bt.gif) no-repeat 0 100%;
}
#nav-above .nav-next a{
display: block;
width: 30px;
height: 25px;
top: 91px;
left: 65px;
position: absolute;
text-indent: -5000px;
background: url(images/next_bt.gif) no-repeat 100% 0;
}
#nav-above .nav-next a:hover {
background: url(images/next_bt.gif) no-repeat 100% 100%;
}
#nav-below {
display: none;
}


#container {
float: right;
width: 630px;
padding: 20px 10px 0 0;
margin-right: 36px;
_display: inline;
}
h2.page-title {
margin: 0;
padding: 0 20px 10px;
color: #446D96;
font-size: 15px;
}
.entry-app {
width: 145px;
text-align: center;
height: 170px;
float: left;
margin: 10px 5px 20px;
line-height: 1em;
}
.entry-app .rate {
color: #DC5A33;
font-size: 14px;
margin: 5px;
}
.entry-app .entry-title a {
color: #446D96;
text-decoration: none;
}
.entry-app .entry-cat {
font-size: 11px;
}
.entry-app .entry-cat a {
text-decoration: none;
color: #bbb;
}
.entry-app .entry-cat a:hover {
color: #999;
}
.icon {
width: 120px;
height: 105px;
margin: 0 auto;
position: relative;
text-align: center;
}
.icon .mask {
width: 102px;
height: 103px;
background: url(images/mask100.png) no-repeat 0 0;
_background: none;
position: absolute;
top: 0;
left: 9px;
}
.entry-app .icon .mask:hover {
background: url(images/mask100.png) no-repeat 0 100%;
_background: none;
}
.icon img {
/*margin: 3px 0 0;*/
width: 100px;
height: 100px;
}
.app-info .entry-title {
margin: 5px 0;
font-size: 12px;
}
.navigation {
clear: both;
}

/* app single */
body.single h3.entry-title {
margin: 0 0 5px;
padding: 0 0 5px;
color: #446D96;
font-size: 15px;
position: absolute;
top: 145px;
left: 413px;
}
.entry-content a img {
display: block;
margin: 10px auto;
}
.hentry .single-app {
height: 120px;
position: relative;
}
.hentry .single-app .icon {
float: left;
margin: 3px 0;
}
.hentry .single-app .app-info {
float: left;
margin: 30px 0 0 10px;
}
.hentry .entry-content {
clear: both;
}
.hentry .single-app h3 {
font-size: 13px;
}
.getapp a {
display: block;
width: 230px;
height: 63px;
position: absolute;
background: url(images/getapp.gif) no-repeat 0 0;
top: 35px;
text-indent: -5000px;
left: 380px;
}
.getapp a:hover {
background: url(images/getapp.gif) no-repeat 0 100%;
}
.entry-meta {
margin: 20px 0 0;
border-top: 1px solid #C5CBD2;
padding: 5px 0 0;
color: #999;
font-size: 11px;
text-align: right;
}
.hentry a {
color: #446D96;
text-decoration: none;
}
.hentry a:hover {
text-decoration: underline;
}

/* comments ------------------------------------------------- */
#comments {
background: #f3f3f3;
margin: 50px 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#comments h3 {
margin: 0;
font-size: 18px;
color: #425775;
background: url(images/com-top.gif) no-repeat 50% 0;
padding: 10px;
}
#comments .formcontainer {
padding: 10px;
}
#respond {
background: url(images/com-end.gif) no-repeat 50% 100%;
}
#respond h3 {
cursor: pointer;
}
#comments-list ol {
list-style: none;
margin: 0 10px;
padding: 0;
border-top: 1px solid #C5CBD2;
border-bottom: 1px solid #C5CBD2;
}
#comments-list ol li {
margin: 10px 10px 50px;
}
#comments-list ol li p {
line-height: 1.2em;
}
.comment-author .photo {
display: none;
}
.comment-author {
font-weight: bolder;
color: #000;
font-size: 13px;
display: inline;
}
body.s-category-blog .comment-author {
color: #fff;
}

.comment-meta {
display: inline;
padding: 0 0 0 20px;
color: #999;
font-size: 11px;
}





/* footer ----------------------------------------------------*/
#footer {
height: 78px;
margin: 20px 0 0;
padding: 10px 0 0;
background: url(images/footer.jpg) no-repeat 50% 100%;
clear:both;
font-size: 10px;
color: #333;
text-align: center;
text-indent: -5000px;
}
#footer p {
margin: 5px 0;
}
#footer .others {
color: #aaa;
}

/* blog page */
body.category-blog #wrapper, 
body.s-category-blog #wrapper {
background: url(images/container-bk.jpg) repeat-y 50% 141px;
color: #fff;
}
body.category-blog .sidebar, 
body.s-category-blog .sidebar {
float: right;
margin: 0 36px 0 0;
padding: 0 10px 0 0;
_display: inline;
}
body.category-blog #container, 
body.s-category-blog #container {
float: left;
margin: 0 0 0 36px;
padding: 20px 0 0 20px;
width: 600px;
}
body.category-blog .entry-tags, 
body.s-category-blog .entry-tags {
display: none;
}
body.category-blog .hentry,
body.s-category-blog .hentry {
background: url(images/blog-entry.gif) repeat-y 50% 0;
margin: 0 0 40px;
position: relative;
}
body.category-blog .entry-title,
body.s-category-blog .entry-title {
height: 25px;
margin: 0;
padding: 2px 10px 0;
font-size: 12px;
background: url(images/blog-title.gif) no-repeat 50% 0;
}
body.category-blog .entry-title a,
body.s-category-blog .entry-title a {
color: #fff;
text-decoration: none;
}
body.category-blog .entry-title a:hover,
body.s-category-blog .entry-title a:hover {
color: #ccc;
text-decoration: none;
}
body.category-blog .entry-date,
body.s-category-blog .entry-date {
font-size: 10px;
color: #3f3f3f;
position: absolute;
top: 3px;
right: 8px;
text-align: center;
width: 125px;
}
body.category-blog .entry-content,
body.s-category-blog .entry-content{
color: #bbb;
line-height: 2em;
padding: 10px 20px;
}
body.category-blog .entry-content h3,
body.s-category-blog .entry-content h3{
color: #fff;
font-size: 15px;
line-height: 2em;
padding: 10px 10px;
margin: 20px 0;
background: #333;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
}
body.category-blog .entry-content h3 a,
body.s-category-blog .entry-content h3 a{
color: #fc0;
}
body.category-blog .entry-meta,
body.s-category-blog .entry-meta {
height: 22px;
border: 0;
padding: 3px 0 0;
text-align: center;
font-size: 11px;
background: url(images/blog-meta.gif) no-repeat 50% 100%;
color: #505050;
}
body.category-blog .entry-meta a,
body.s-category-blog .entry-meta a {
color: #505050;
}
body.category-blog .page-title {
display: none;
}
.more-link {
position: absolute;
bottom: 35px;
right: 15px;
display: block;
width: 69px;
height: 22px;
text-indent: -5000px;
background: url(images/more.gif) no-repeat 0 0;
}
.more-link:hover {
background: url(images/more.gif) no-repeat 0 100%;
}
#secondary .widgettitle {
margin: 0 0 5px;
height: 20px;
padding: 2px 0 0 10px;
font-size: 11px;
color: #bdbdbd;
background: url(images/post-sidetitle.gif) no-repeat 50% 0;
}
#secondary .widget {
margin: 30px 0;
}
#secondary .widget ul {
padding: 0 10px;
}
body.category-blog a,
body.s-category-blog a {
color: #08c;
text-decoration: none;
}
body.category-blog a:hover,
body.s-category-blog a:hover {
color: #08c;
text-decoration: underline;
}
body.s-category-blog #comments {
background: #333;
}
body.s-category-blog #comments-list ol {
border-top: 1px solid #444;
border-bottom: 1px solid #444;
}
body.s-category-blog #comments h3 {
color: #ccc;
}



/* search ----------------------------------------------------*/
body.search #content .page-title {
margin: 0;
padding: 0;
text-indent: -5000px;
height: 45px;
background: url(images/search-title.jpg) no-repeat 0 0;
}
body.search-no-results #content .no-results {
margin: 0;
padding: 0;
padding: 45px 0 0;
background: url(images/search-title.jpg) no-repeat 0 0;
}
body.search .no-results .entry-content {
background: #e6e8eb;
margin: 0;
padding: 10px;
color: #000;
border: 1px solid #d6d8da;
text-align: center;
}
body.search #content {
padding: 0;
background: url(images/search-meta.jpg) no-repeat 50% 100%;
}
body.search #content h3 {
margin: 0;
padding: 0;
}
body.search #content .tag-app h3 a,
body.search #content .tag-blog h3 a {
display: block;
width: 530px;
margin: 0;
padding: 20px 10px 10px 90px;
height: 49px;
color: #000;
}
body.search #content .hentry {
position: relative;
width: 630px;
}
body.search #container {
padding: 10px 10px 0 0;
}
body.search .hentry h3 a {
background: url(images/search-none.jpg) no-repeat 50% 0;
display: block;
width: 600px;
margin: 0;
padding: 20px 10px 10px 20px;
height: 49px;
color: #000;
}
body.search .entry-date {
position: absolute;
top: 40px;
left: 20px;
}
body.search .hentry h3 a:hover {
background: url(images/search-none.jpg) no-repeat 50% 100%;
color: #fff;
text-decoration: none;
}
body.search #content .tag-blog h3 a {
background: url(images/search-blog.jpg) no-repeat 50% 0;
}
body.search #content .tag-blog h3 a:hover {
background: url(images/search-blog.jpg) no-repeat 50% 100%;
color: #fff;
text-decoration: none;
}
body.search #content .tag-app h3 a {
background: url(images/search-app.jpg) no-repeat 50% 0;
}
body.search #content .tag-app h3 a:hover {
background: url(images/search-app.jpg) no-repeat 50% 100%;
color: #fff;
text-decoration: none;
}
body.search #content .tag-app .entry-date,
body.search #content .tag-blog .entry-date {
position: absolute;
top: 40px;
left: 90px;
}

/* 404 */
body.four04 #wrapper {
background: url(images/container-bk.jpg) repeat-y 50% 141px;
color: #fff;
}
body.four04 #container {
text-indent: -5000px;
height: 450px;
width: 888px;
padding: 0;
background: url(images/404.gif) no-repeat 50%;
}



/* page_numbers */
.page_numger {
height: 20px;
clear: both;
margin: 20px 0 0;
}
#wp_page_numbers {
clear: both;
font-size: 11px;
height: 14px;
padding: 6px 0 0;
text-align: center;
margin-left: 250px;
}
#wp_page_numbers ul,
#wp_page_numbers li {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
#wp_page_numbers li {
display: inline;
}
#wp_page_numbers .page_info {
padding: 0 10px;
}
#wp_page_numbers li a {
display: block;
height: 4px;
width: 4px;
float: left;
margin: 0 2px;
padding: 2px;
overflow: hidden;
text-indent: -5000px;
background: url(images/page-number.png) no-repeat 0 0;
}
#wp_page_numbers li a:hover {
background: url(images/page-number.png) no-repeat 0 -8px;
}
#wp_page_numbers li.active_page a {
background: url(images/page-number.png) no-repeat 0 -16px;
}

/* fixed widget */
.sidebar #search, .sidebar .widget_text {
background: none !important;
margin: 0 !important;
padding: 0 !important;
_height: 1%;
}
.widget_text h3 {
display: none;
}
.sidebar .widget_search {
margin: 0 !important;
}

/* sidebar ---------------------------------------------------*/
.sidebar {
float: left;
width: 230px;
margin-left: 36px;
padding: 0 0 0 10px;
_display: inline;
}

.sidebar ul, .sidebar li {
list-style: none;
padding:0;
margin:0;
_height: 1%;
}
.widget_search h3 {
display: none;
}
#searchform #s {
width: 95px;
height: 18px;
position: absolute;
top: 53px;
right: 73px;
background: transparent;
border: none;
}
#searchform .button, .screen-reader-text, #searchsubmit {
display: none;
}

#primary .widgettitle {
margin: 0 0 5px;
height: 20px;
padding: 3px 0 0 10px;
font-size: 11px;
color: #fff;
background: url(images/sidetitle.gif) no-repeat 50% 0;
}
#primary .widget {
background: url(images/side.gif) no-repeat 50% 100%;
padding: 0 0 10px;
margin: 20px 0;
}
#primary .widget ul li a {
display: block;
height: 19px;
padding: 1px 10px 0;
overflow: hidden;
text-decoration: none;
}
#wrapper #primary .widget ul li a:hover {
display: block;
background: url(images/side-item.jpg) no-repeat 50% 0 !important;
}

#social {
display: none;
}
#social .so_bt {
float: left;
}
.fbc_loginstate_top {
display: none;
}

/*エンコード*/
@charset "utf-8";


/*AppHtml with Big Icon*/
/*175x175pxのアイコンを使ったAppHtmlです。かなり大きいので注意。*/
.apphtml_bigicon_icon{
	float: left;
	display:inline-block;
	overflow:hidden;
	background: no-repeat;
	
	width: 175px;
	height: 175px;
	
	background-size: 175px;
	-webkit-background-size: 175px;
	-moz-background-size: 175px;
	-o-background-size: 175px;
	
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	
	box-shadow: 0 3px 5px #888;
	-webkit-box-shadow: 0 3px 5px #888;
	-moz-box-shadow: 0 3px 5px #888;
	-o-box-shadow: 0 3px 5px #888;
	}


.apphtml_bigicon_icon img{
	opacity: 0;
	}


.apphtml_bigicon_textwrap{
	float: left;
	margin-left: 30px;
	line-height: 25px;
	}


.apphtml_bigicon_appname{
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	}


.apphtml_bigicon_plice{
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	}


.apphtml_bigicon_plice img{
	vertical-align: text-bottom;
	}


.apphtml_bigicon_category{
	margin-top: 20px;
	font-size: 10px;
	color: #666;
	}


.apphtml_bigicon_pubdate{
	margin-top: 7px;
	font-size: 10px;
	color: #666;
	}

.apphtml_bigicon_moveos{
	margin-top: 7px;
	font-size: 10px;
	color: #666;
	}



/*AppHtml with Small Icon*/
/*75x75pxのアイコンを使ったAppHtmlです。小回りが利きます。*/
.apphtml_smallicon_icon{
	float: left;
	display:inline-block;
	overflow:hidden;
	background: no-repeat;
	
	width: 75px;
	height: 75px;
	
	background-size: 75px;
	-webkit-background-size: 75px;
	-moz-background-size: 75px;
	-o-background-size: 75px;
	
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	
	box-shadow: 0 3px 5px #888;
	-webkit-box-shadow: 0 3px 5px #888;
	-moz-box-shadow: 0 3px 5px #888;
	-o-box-shadow: 0 3px 5px #888;
	}


.apphtml_smallicon_icon img{
	opacity: 0;
	}


.apphtml_smallicon_textwrap{
	float: left;
	margin-left: 30px;
	line-height: 25px;
	}


.apphtml_smallicon_appname{
	margin-top: 0;
	font-size: 13px;
	font-weight: bold;
	}


.apphtml_smallicon_plice{
	margin-top: 0;
	font-weight: bold;
	font-size: 12px;
	}


.apphtml_smallicon_plice img{
	vertical-align: text-bottom;
	}


.apphtml_smallicon_category{
	margin-top: 0;
	font-size: 10px;
	color: #666;
	}
body.category-blog .entry-content .AppInfo, 
body.s-category-blog .entry-content .AppInfo,
body.category-blog .entry-content .apphtml_bigicon_textwrap, 
body.s-category-blog .entry-content .apphtml_bigicon_textwrap,
body.category-blog .entry-content .apphtml_smallicon_textwrap, 
body.s-category-blog .entry-content .apphtml_smallicon_textwrap {
line-height: 1.5em;
}
body.category-blog .entry-content .AppInfo a img , 
body.s-category-blog .entry-content .AppInfo a img ,
body.category-blog .entry-content .apphtml_bigicon_textwrap a img , 
body.s-category-blog .entry-content .apphtml_bigicon_textwrap a img ,
body.category-blog .entry-content .apphtml_smallicon_textwrap a img , 
body.s-category-blog .entry-content .apphtml_smallicon_textwrap a img {
display: inline;
margin: 0;
}

.apphtml_icon {
width: 110px;
float: left;
padding: 15px 0;
}
.apphtml_info {
width: 430px;
float: left;
}
.apphtml_info p a img {
display: inline;
margin: 0;
}
.apphtml_info p {
margin: 12px 0 0;
}
.apphtml_img img {
margin: 0 5px 5px 0;
}
body.category-blog .entry-content h2.app_title,
body.s-category-blog .entry-content h2.app_title {
color: yellow;
margin: 50px 0 5px;
font-size: 18px;
}