#app {
width: 850px;
margin: 0 auto 30px;
z-index: 0;
}

#title {
  width: 100%;
  color: #000000;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid;
  font: small-caps 40px/40px "Times New Roman", serif;
}

title.lSidePosition {
	text-align: left;
    position: relative;
    height: 100%;
}

title.rSidePosition {
	text-align: right;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
}

#contents {

}

#menu {
  float: left;
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
  width: 8em;
  color: white;
  position: static; 
  top: 10px;
}

#main {
  margin-left: 9em;
  padding-top: 4ex;
  padding-left: 2em;
}

#menu a {
  color: white;
}

#menu a:hover {
  background: #411;
}

#menu a:visited {
  color: white;
}



/* ===================================== */
/* ヘッダー */
/* ===================================== */

/* ------ ロゴ ------ */
#app_logo {
width: 50%;
text-align: left;
padding: 5px 15px;
float: left;
}

#app_login_name {
text-align: right;
float: right;
padding-right: 10px;

}
#app_login_name p {
padding: 0;
margin: 0;
font-weight: normal;
color: #ffffff;
}
#app_login_name p a {
font-size: 0.9em;
font-weight: normal;
color: #ffffff;
}


#app_header {
width: 850px;
}

#app_header ul {
padding: 0;
margin: 0;
clear: both;
}

#app_header li {
list-style-type: none;
pading: 0;
margin: 0;
float: left;
}

#app_header li a {
display: block;
height: 49px;
}

#app_header form input[type="text"] {
border: 1px solid #afbbbf;
}
#app_header form input[type="text"]:focus {
border: 1px solid #646d70;
}

/* ------ ホーム ------ */
a#app_home {
width: 179px;
background: url(../images/header.jpg) 0px 0px no-repeat;
}
a#app_home:hover {
background: url(../images/header.jpg) -855px 0px no-repeat;
}

/* ------ 新規投稿 ------ */

/* 20160511
a#app_up {
width: 180px;
background: url(../images/header.jpg) -179px 0px no-repeat;
}
a#app_up:hover {
background: url(../images/header.jpg) -1035px 0px no-repeat;
}
*/

/* 20160511 add */
#app_up {
width: 180px;
height: 49px;
padding-top: 10px;
background: url(../images/header.jpg) -359px 0px no-repeat;
}

/* ------ ヘルプ ------ */

/* 20160511
a#app_help {
width: 180px;
background: url(../images/header.jpg) -360px 0px no-repeat;
}
a#app_help:hover {
background: url(../images/header.jpg) -1216px 0px no-repeat;
}
*/

/* 20160511 add */
a#app_help {
width: 180px;
background: url(../images/header.jpg) -179px 0px no-repeat;
}
a#app_help:hover {
background: url(../images/header.jpg) -1035px 0px no-repeat;
}

/* ------ 検索 ------ */
#app_search {
width: 311px;
height: 49px;
padding-top: 10px;
background: url(../images/header.jpg) -540px 0px no-repeat;
}
#app_search input {
vertical-align: middle;
}
#app_search_img {
width: 65px;
height: 27px;
}
*:first-child+html>/**/body #app_search form {
margin-top: -20px;
}

/* ===================================== */
/* サイド */
/* ===================================== */

/* ------ 上から順に ------ */
#app_side {
width: 180px;
padding: 0;
margin-top: 10px;
margin-left: 3px;
float: left;
clear: both;
}

/* 20160512 add */
#app_side {
	text-align: left;
}

a#app_dl_rte {
display: block;
background: url(../images/dl.jpg) 0px 0px no-repeat;
height: 68px;
}
a#app_dl_rte:hover {
background: url(../images/dl.jpg) -180px 0px no-repeat;
}

a#app_dl_ide {
display: block;
background: url(../images/dl.jpg) 0px -68px no-repeat;
height: 68px;
margin-bottom: 15px;
}
a#app_dl_ide:hover {
background: url(../images/dl.jpg) -180px -68px no-repeat;
}

#app_side_con {
width: 177px;
background: #374851 url(../images/side_back.jpg) left top repeat-x;
border-left: 1px solid #afbbbf;
border-right: 1px solid #afbbbf;
text-align: center;
color: #e6ecef;
padding-bottom: 20px;
}
html>/**/body #app_side_con, x:-moz-any-link, x:default {
margin-left: 0;
} /* Only FireFox 3 */
*:first-child+html>/**/body #app_side_con {
margin-top: -4px;
}/* Only IE8 */


#app_side_con a {
color: #e6ecef;
text-decoration: none;
}
#app_side_con ul {
text-align: left;
margin-top: 0;
}
#app_side_con li {
padding: 7px;
font-weight: normal;
font-size: 0.9em;
text-align: left;
}

a#app_account {
display: block;
background: #ffffff url(../images/account.jpg) 0px 0px no-repeat;
width: 156px;
height: 70px;
margin: 0 auto 10px;
}
a#app_account:hover {
background: #ffffff url(../images/account.jpg) -158px 0px no-repeat;
}

a#app_recommend {
display: block;
background: url(../images/recommend.jpg) -161px 0px no-repeat;
width: 156px;
height: 90px;
margin: 0 auto 10px;
}
a#app_recommend:hover {
background: url(../images/recommend.jpg) 0 0px no-repeat;
}

.app_side_line {
margin-bottom: 10px;
}

#app_categon {
font-weight: bold;
font-size: 1em;
text-align: left;
padding-right: 10px;
padding-top: 7px;
}
#app_categon_im {
margin-left: 25px;
float: left;
display: block;
width: 24px;
height: 23px;
background: url(../images/category.png) left top no-repeat;
}
* html #app_categon_im {
margin-left: 10px;
behavior: expression(IEPNGFIX.fix(this));
}
#app_categon img {
vertical-align: middle;
}

#app_link {
font-weight: bold;
font-size: 1em;
text-align: left;
padding-right: 10px;
}
#app_link_im {
margin-left: 25px;
float: left;
display: block;
width: 24px;
height: 23px;
background: url(../images/link.png) left top no-repeat;
}
* html #app_link_im {
margin-left: 10px;
behavior: expression(IEPNGFIX.fix(this));
}
#app_link img {
vertical-align: middle;
}


/* ===================================== */
/* メイン */
/* ===================================== */

/* ------ 上から順に ------ */
#app_contents {
float: right;
width: 640px;
margin-top: 10px;
margin-right: 5px;
}

/* 20160512 add */
#app_navi_idx {
	padding-bottom: 310px;
}

#app_navi {
/* 20160512 add */
	padding-bottom: 150px;
}



/* ------ パンクズリスト ------ */
#app_bread {
background: url(../images/bread_back.jpg) left top repeat-x;
width: 620px;
height: 21px;
color: #e6ecef;
font-size: 0.8em;
text-align: left;
padding: 3px 10px 0;
letter-spacing: 1px;
}
#app_bread a {
color: #fff;
}

/* ------ 並び順 ------ */
#app_line {
font-size: 0.9em;
float: left;
color: #e6ecef;
margin: 5px 0 0 15px;
letter-spacing: 2px;
}
#app_line a {
color: #fff;
font-weight: bold;
}

#app_pn {
float: right;
margin: 5px 15px 0 0;
color: #e6ecef;
}
#app_pn a {
color: #fff;
}
#app_pn_bottom {
margin: 10px 0;
color: #666;
}

/* ------ コンテンツ ------ */
h2 {
text-align: left;
margin-left: 10px;
padding-top: 10px;
}
h2 img {
vertical-align: middle;
}

h3 {
text-align: left;
margin-left: 10px;
padding-top: 0;
vertical-align: middle;
}
h3 img {
vertical-align: middle;
}

/* ------ トップサムネイル ------ */
.app_gallery_con_thumb {
display: block;
background-color: #fff;
border: 1px solid #ccc;
width: 620px;
margin-top: 10px;
padding: 10px 10px 9px;
}

.app_gallery_photo {
width: 120px;
float: left;
}
.app_gallery_photo img {
border: 1px solid #ccc;
}

.app_gallery_details {
width: 100%;
text-align: right;
margin-top: 15px;
}

.app_gallery_other {
width: 480px;
float: right;
text-align: left;
}

/* ------ 詳細 ------ */
.app_gallery_con {
display: block;
background-color: #fff;
border: 1px solid #ccc;
width: 600px;
margin-top: 10px;
padding: 20px;
min-height: 500px;
height: auto !important;
height: 500px;
}
.app_gallery_con p {
text-align: left;
}
.app_gallery_con dt {

}
.app_gallery_con dd {

}
.app_gallery_name {
font-weight: bold;
}

.app_gallery_developer {
font-size: 0.8em;
color: #666;
}

.license_type {
font-size: 0.8em;
color: #666;
letter-spacing: 0;
margin-top: -3px;
}


.app_gallery_description {
padding-top: 5px;
clear: both;

}

#app_gallery_show_name {
font-size: 1.2em;
font-weight: bold;
}

#app_gallery_show_cat {
font-size: 0.9em;
font-weight: bold;
width: 100%;
text-align: right;
color: #666666;
}

#app_gallery_show_photo {
width: 300px;
float: left;
}
#app_gallery_show_photo img {
border: 1px solid #ccc;
}

#app_gallery_show_other {
width: 270px;
float: right;
text-align: left;
}

#app_gallery_show_other ul {
margin-top: 3px;
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

#app_gallery_show_other li {
padding: 3px;
font-size: 1.1em;
}

.license_typr_show {
letter-spacing: 0;
font-size: 0.8em;
}

#app_gallery_show_description {
display: block;
background: url(../images/banner_description.jpg) left top no-repeat;
padding: 30px 10px 0;
width: 95%;
margin: 20px 0 30px;
text-align: left;
}

#app_gallery_show_ver {
display: block;
background: url(../images/banner_ver.jpg) left top no-repeat;
padding: 30px 10px 0;
width: 95%;
margin-bottom: 10px;
text-align: left;
}

#app_gallery_show_edit {
width: 90%;
margin: 50px auto 30px;
padding: 5px;
font-size: 1.1em;
}

#app_gallery_button {
text-align: center;
width: 100%;
margin: 0 auto;
}
.btn_size {
width: 150px;
height: 35px;
}

#show_btn_run #button {
display: block;
float: left;
width: 100px;
height: 30px;
}

#show_btn_dl #button {
display: block;
width: 130px;
height: 30px;
float: right;

}

/* ------ サインアップ ------ */

.app_gallery_con dl {
text-align: left;
margin-left: 10px;
}
.app_gallery_con dt {
padding: 10px;
}
.app_gallery_con dd {
padding: 0 0 10px 0;
}
#app_btn {
text-align: center;
width: 100%;
margin-top: 20px;
}
#app_btn input {
width: 131px;
height: 41px;
}

/* ------ ヘルプ ------ */
#app_help dt {
font-weight: bold;
}

/* ------ 特権 ------ */
#privilege li {
padding: 10px;
}
#privilege li img {
padding: 0 5px;
}
#privilege img {
padding: 10px;
}

/* ------ 新規登録 ------ */
.new {
margin: 10px 0 17px;
border-top: 1px dotted #ccc;
padding: 5px 0 10px;
clear: left;
}
.new_title {
float: left;
width: 230px;
text-align: right;
}
.new_text {
float: left;
width: 330px;
text-align: left;
margin-left: 10px;
}
.now_file {
float: left;
clear: left;
font-size: 0.7em;
width: 330px;
color: #666;
padding-left: 10px;
letter-spacing: 0;
}

#app_license {
letter-spacing: 0;
}

#input_item {
width: 100%;
text-align: right;
font-size: 0.8em;
}

/* ------ 登録ご確認 ------ */
#legal {
text-align: left;
line-height: 100%;
}
#legal h4 {
margin: 0 0 -10px;
padding: 0;
}
#legal h5 {
margin: -10px 0;
padding: 0;
}
#legal ul,ol {
margin-top: -5px;
}

/* ------ フッター ------ */
#app_footer {
width: 100%;
margin: 20px auto 0;
background: #6b6a65 url(../images/footer_back.jpg) left top repeat-x;
text-align: center;
color: #fff;
padding-top: 15px;
clear: both;
}

#app_footer_contents {
margin: 0 auto;
width: 850px;
text-align: left;
}

#app_footer_logo {
width: 550px;
float: left;
font-size: 0.8em;
letter-spacing: 1px;
margin: 10px 0 0 25px;
}
#app_footer_logo img {
margin-right: 20px;
float: left;
}

#app_footer_link {
float: right;
}
#app_footer_link a {
font-size: 0.8em;
letter-spacing: 1px;
color: #ffffff;
}

#app_copyright {
font-size: 0.7em;
padding: 10px 0;
}