@charset "utf-8";
/**
 * ################################################
 * ユーザーフォーム用CSS
 * @copyright 2008 STUDIO-POKO
 * http://www.studio-poko.net/
 * ################################################
 */
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	margin:0 auto ;
}
th {
	font-weight: normal;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
td {
	padding: 5px;
	vertical-align:top;
}
input {
	margin:0px 5px 3px 0px;
	padding:3px 3px 3px 3px;
	vertical-align:middle;
}
input[type="text"], input[type="password"], input[type="file"] {
	vertical-align:middle;
}
select {
	margin:0px 5px 3px 0px;
	padding:2px 2px 2px 2px;
	vertical-align:middle;
}
textarea{
	margin:3px 0px 3px 0px;
	padding:3px 3px 3px 3px;
	font-size:12px;
	width:400px;
	height:70px;
	overflow:auto;
}
button{
	vertical-align:middle;
	margin:5px 5px 10px 0px;
	line-height:20px;
}

h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
}



/**
 * フォーム
 */
 /*▼ここから　外枠サイドライン*/
.outside{
	width:670px;
	padding:0px 155px 0px 155px;
	margin:0px auto;
	background-image:url(../images/user/outside-back.gif);
	background-position:center top;
	background-repeat:repeat-y;
}
/*▲ここまで　外枠サイドライン*/
/*▼ここから　外枠*/
.outer{
	width:670px;
	margin:0 auto;
	text-align:left;
}
/*▲ここまで　外枠*/
.form_top{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:670px;
}
.form_main{
	clear:both;	
	width:670px;
}
.form_bottom{
	font-size:12px;
	padding:5px 0px 15px 0px;
	margin:0px 0px 0px 0px;
	width:670px;
	text-align:center;
}
/*▼ここから　パンくずリスト*/
.path{
	float:left;
	padding:10px 0px 10px 10px;
	width:400px;
	font-size:12px;
}
/*▲ここまで　パンくずリスト*/
/*▼ここから　タグ属性消去*/
h1{
	padding:0px;
	margin:0px;
}
p{
	padding:0px;
	margin:0px;
	line-height:120%;
}
/*▲ここまで　タグ属性消去*/
/*▼ここから　ヘッダー*/
#pankuzu {
	width: 640px;
	font-size:12px;
}
#pankuzu ol {	margin: 10px 0 10px 0px;
	padding: 0px;

}
#pankuzu ol li {
	margin:5px 0px 0px 0px;
	list-style-type: none;

}
#pankuzu ol li a {
	padding-right: 10px;
}
#fomtop_left{
	float:left;
	width:330px;
}
#fomtop_right{
	float:left;
	margin:20px 0px 0px 0px;
}
.form_logo{
	padding:0px 0px 20px 20px;
}
.form_logo02{
	padding:0px 0px 0px 40px;
}
#form_toptext{
	padding:5px 0px 0px 60px;
	font-size:10px;
}
/*▼ここから　メイン*/
.wdth250{
	width:250px;
}
.wdth300{
	width:300px;
}
.wdth400{
	width:400px;
}
#formflow{
	text-align:center;
}
#userForm{
	clear:both;
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	width:650px;
}
#userForm .column {
	padding:10px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-image:url(../images/user/foem_bar01.gif);
	background-repeat:repeat-y;
}
#userForm .column1 {
	padding:10px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-image:url(../images/user/foem_bar02.gif);
	background-repeat:repeat-y;
}
#userForm .column1_blog {
	padding:10px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-image:url(../images/user/foem_bar02.gif);
	background-repeat:repeat-y;
	background-color:#FFFFCC
}
#userForm .column1nobg {
	padding:30px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
}
#userForm .column1nobg_blog {
	padding:30px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-color:#FFDDDD;
}
#userForm .column1textTop {
	padding:10px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-image:url(../images/user/foem_bar02.gif);
	background-repeat:repeat-y;
	vertical-align:text-top;
}
#userForm .column2 {
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
}
#userForm .column2_blog {
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-color:#FFFFCC;
}
#userForm .inputBox {
	width: 440px;
	border-bottom:dashed 1px;
	border-color:#999999;
}

#userForm .need {
	color: #FF0000;
	font-size: 11px;
}
#userForm .warning {
	color: #FF0000;
	font-size: 12px;
}
#userForm .attention {
	color: #999999;
	font-size: 90%;
	padding:5px 0px 0px 0px;
}
#userForm .error {
	background-color: #FFDDEE;
}
#userForm .errorBox {
	background-color: #EEEEEE;
	border: 3px solid #CC3333;
}
#userForm table tr td img {
	margin: 0px 0px 6px 0px;
}
.column_thanks{
	font-size:12px;
}
.flt_left{
	float:left;
}
.flt_right{
	float:right;
}
.clear{
	clear:both;
}
/*▲ここまで　メイン*/
/*▼ここから　フッター*/
.form_button{
	padding:30px 0px 0px 0xp;
	text-align:center;
}
/*▼mypage-------------------------------------------------------------*/

#mypage_main{
	clear:both;
	padding:0px 15px 0px 15px;
}
#mypage_box{
	margin:0px 0px 300px 0px;
	padding:15px;
	border:solid 1px #cccccc;
}
#mypageForm{
	clear:both;
	margin:0px 0px 0px 0px;
	width:640px;
}
#mypageForm table{
	font-size:12px;
}
#mypageForm .column {
	padding:10px 10px 10px 10px;
	width:18%;
	font-size:12px;
	border-top:dashed 1px #999999;
	background:url(../images/user/foem_bar01.gif) repeat-y;
}
#mypageForm .column1 {
	padding:10px 0px 10px 10px;
	width:100px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-image:url(../images/user/foem_bar02.gif);
	background-repeat:repeat-y;
	width:150px;
}
#mypageForm .column2 {
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	padding:10px 0px 10px 0px;
}
#mypageForm .column2 table, #mypageForm .column2_blog table {
	margin:5px 0px 20px 0px;
}
#mypageForm .column2 table td, #mypageForm .column2_blog table td {
	width:180px;
	height:20px;
	padding:0px 0px 0px 0px;
}
#mypageForm .column2_blog {
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-color:#FFFFCC;
}
#mypageForm .column3 {
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	padding:10px 0px 10px 0px;
}
#mypageForm .column3 label input {
	margin:0px 5px 5px 0px;
}
#mypageForm .need {
	color: #FF0000;
	font-size: 11px;
}
#mypageForm .attention {
	color: #999999;
	font-size: 90%;
	padding:5px 0px 0px 0px;
}
#mypageForm .error {
	background-color: #FFDDEE;
}
#mypageForm .errorBox {
	background-color: #EEEEEE;
	border: 3px solid #CC3333;
}
#mypageForm table tr td img {
	margin: 0px 0px 6px 0px;
}
#mail_button{
	margin:10px 0px 5px 0px;
}
#mypageForm .column1nobg {
	padding:30px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
}
#mypageForm .column1nobg_blog {
	padding:30px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-color:#FFDDDD;
}
#mypageForm .column1textTop {
	padding:10px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-image:url(../images/user/foem_bar02.gif);
	background-repeat:repeat-y;
	vertical-align:text-top;
}
#mypageForm .column1_blog {
	padding:10px 0px 10px 10px;
	font-size:12px;
	border-top:dashed 1px;
	border-color:#999999;
	background-image:url(../images/user/foem_bar02.gif);
	background-repeat:repeat-y;
	background-color:#FFFFCC
}


/* ブログランキング情報 mypage/ranking. -----------------------------------------------------*/
.ba_table {
	background-color:#009966;
	font-size:12px;
	border-collapse: collapse;
}

.ba_table_head {
	background-color:#D2FFA6;
}

.ba_table_body {
	background-color:#ffffff;
}

#mypage_ranking hr{
	color:#009999;
}
#mypage_ranking table{
	font-size:12px;
}

#mypage_bnrbox td{
	padding:0px 0px 0px 0px;
}

#mypage_ranking .prof th{
	width:85px;
	vertical-align:middle;
	background-color: #ffff99;
}

#mypage_ranking .prof{
	border: 1px solid #000000;
	border-collapse: collapse;
}
#mypage_ranking .prof th, td{
	border: 0;
}

#mypage_ranking .group{
	padding:0px 0px 0px 10px;
	line-height: 15px;
}

#mypage_ranking a{
	text-decoration:none;
	color:#0000FF;
}
#mypage_ranking a:hover{
	text-decoration:underline;
	color:#0000FF;
}
#mypage_bnrbox .back_top{
	padding:0px 20px 0px 0px;
	text-align:right;
}
#mypageForm .backColorFooter td input{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#mypageForm .backColorFooter td a{
	padding:15px 0px 0px 0px; 
}

/* ##################################################### */
/* ↓add */
/* ##################################################### */
#mypage_ranking{
	width:640px;
}
#mypage_ranking .rankk{
	border: 1px solid #009999;
	text-align: left;
	padding: 0 5px 0 5px;
}
#mypage_bnrbox .explanation{
	width: 608px;
	margin:0 0 0 20px;
}
#mypage_bnrbox textarea{
	overflow-y: hidden;
	height:90px;
}
#mypage_bnrbox ul{
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#mypage_bnrbox dd{
	margin-left: 10px;
}
#mypage_bnrbox .bn{
	list-style-type: disc;
	font-size: 115%;
}
#mypage_bnrbox .banner_win {
	border: 1px solid #ddd;
	width: 590px;
}

#mypage_bnrbox .box {
	display: inline-block;
	text-align: center;
	margin: 0px !important;
}
#mypage_bnrbox .lf {
	float:left;
	width:165px;
	margin-top: 2px;
}
#mypage_bnrbox .fn {
	width:165px;
	text-align: left;
}
#mypage_bnrbox .im {
	width:165px;
}
#mypage_bnrbox .tx{
	float:right;
	width:auto;
	font-size:12px;
}
#mypage_bnrbox .banner_win hr{
	clear:both;
	display:none;
}
#mypage_bnrbox input{
		font-size:12px;
}