/* 最終更新日 2012/10/16 */
@charset "UTF-8";
/* CSS Document */

body {
    padding: 0px;
    margin: 0px;
    font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", "Osaka-mono", monospace;
    color: #333;
    -webkit-text-size-adjust: none;
    background-color: #F9F9F9;

}
a img {
    border: none;
} 
a, a img {
    cursor: pointer;
}
#exp_album, #add_account, #login_album {
    padding: 20px;
}
table.form th, table.form td {
	padding: 10px;
}
table.form th {
	text-align: center;
	font-weight: normal;
	background-color: #D8D8D8;
}
/* ABCAアルバムとは */
.conbox #home_dl .ui-block-a {
	width: 70%;
}
.conbox #home_dl .ui-block-b {
	width: 30%;
}
.merit, .dl_app {
	width: 100%;
	height: auto;
}
.merit { max-width: 1000px; } /* Albumイメージ */
.dl_app { max-width: 250px; } /* AppStoreバッジ */
#exp_main {
	color:#FFF;
	background-color: #39C;
	width: 95%;
	font-size: 24px;
	padding: 15px;
	margin: 0px auto 20px;
	border-radius: 10px;
	text-align:center;
}
#exp_album h3 {
    font-size: 16px;
    font-weight: bold;
    color: #369;
    padding-left: 30px;
    background-image: url(pokr_a04.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 20px;
    margin-top: 10px;
	margin-bottom: 0px;
}
#exp_album h4 {
    margin-left: 50px;
    margin-top: 5px;
	margin-bottom: 0px;
}
#exp_album ul { margin-top: 0px; margin-left:40px; }
#exp_album ul li { margin-top:2px; margin-bottom:8px; }
#exp_album p {
    padding-left: 50px;
	margin-top: 5px;
}


/* サポート */
#support_album table {
	width:700px;
	margin: auto;
	table-layout:fixed;
}
#support_album table th {
	width:25%;
}
/* アカウントの作成 */
#add_account table {
	width:500px;
	margin: auto;

}
/* ログイン */
#login {
	width: 350px;
	margin: 30px auto;
}
/*.notice { text-align:right; }*/
/*.notice a {
	color: #333;
	text-decoration: none;
}
.notice a:hover {
	color: #F90;
	text-decoration: underline;
}

/* copyright */
#copy {
    text-align:center;
    font-size: 12px;
    margin-bottom: 1%;
}

.logo_home {
	width:95%;
	height:auto;
	max-width: 276px;
	margin-top: 5px;
	margin-left:1%;
}

.ui-content.setting { padding: 0px 15px 15px; }
.conbox {
	width: 90%;
	max-width:1200px;
	margin:0px auto;
	background:#FFFFFF;
	padding:15px;
	-moz-box-shadow: 1px 1px 3px #999; /* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #999; /* Safari,Google Chrome用 */
}
.ui-footer h6.ui-title { font-size: 14px; font-weight:normal; }
.h_home.ui-bar-g {
	border-bottom:none;
	font-weight: bold;
	text-shadow:  0  /*{g-bar-shadow-x}*/  1px  /*{g-bar-shadow-y}*/  1px  /*{g-bar-shadow-radius}*/ #444444 /*{g-bar-shadow-color}*/;
	padding-bottom:7px;
	background-color: #429775;
	background-image: url(title_home_bar.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.h_home.ui-bar-g .ui-grid-a {
	background-color: #f7f7f7;
	border:none;
}
.h_home.ui-bar-g .ui-grid-a .ui-block-a#head_home{
	background-image: url(title_home.png);
	background-repeat: no-repeat;
	background-position: 15px bottom;
	padding-top: 20px;
	height: 50px;
	padding-bottom: 20px;
}
.h_setting.ui-bar-g {
	border-bottom:#429775 solid 5px;
}
.h_setting.ui-bar-g .ui-grid-b .ui-block-a { font-weight: normal; }
.h_setting.ui-bar-g .ui-grid-b { height:36px; padding:5px }
.h_setting.ui-bar-g .ui-grid-b .ui-block-a { padding: 5px  0px 5px 46px; text-shadow:none; }
.h_setting.ui-bar-g .ui-grid-b .ui-block-b { font-size:20px; font-weight:bold; text-align:center; padding: 5px  0px 5px 46px; }
.conbox p { font-size:16px; }
/*.conbox form { width: 80%; max-width:800px; min-width:400px; margin:auto; }*/
.conbox form.f_login { width: 50%; max-width:400px; min-width:200px; margin: 30px auto; }
.conbox .ui-br { border-bottom: none;} /* form区切りの下線を外す */
.chng_pw.ui-field-contain label.ui-input-text { width: 38%; }
.chng_pw.ui-field-contain input.ui-input-text { width: 60%; } 
.conbox .ui-field-contain textarea.ui-input-text { width: 100%; } 
.conbox p.ind { margin-left: 3em; font-size:14px; }

.ui-body-b .ui-link, .ui-body-b .ui-link:visited, .ui-body-b .ui-link:hover, .ui-body-b .ui-link:active  {
	color: #222 /*{b-body-link-color}*/;
}
.ui-body-b .ui-link:hover {
	color: #FF9900 /*{b-body-link-hover}*/;
	font-weight: bold;
}
td, th {
	background:#FFFFFF;
	vertical-align: top; 
	padding:5px;
	border: 1px solid #999;
}
td {
	background:#FFFFFF; }
.tbl_f { table-layout: fixed; }
.tbl_bd {
	border-collapse:collapse;
}
.lk_privacy { font-size:9px; text-align:right; margin-right:15px;}
.lk_privacy a:link { text-decoration: none;}