﻿/*箱*/

#my_box{clear:both; margin:10px 10px 10px 20px;width:600px;}
#my_box{border:0px solid #996; height:100%;}
#my_box:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*リンク*/
#my_box a:link{color:#333;text-decoration: underline;}
#my_box a:visited{color:#333;text-decoration: underline; }
#my_box a:hover{color:blue;text-decoration: none; }
#my_box a:active{color:blue;text-decoration: none; }

/*TOPタイトル*/

#my_box .mybox-title01,
#my_box .mybox-title02 a,
#my_box .mybox-title03 a,
#my_box .mybox-title04 a,
#my_box .mybox-title05 a,
#my_box .mybox-title06 a,
#my_box .mybox-title07 a{display:block; height:30px;width:600px; background: url(../img/hp101/title/mybox-title.gif) no-repeat; text-indent: -10000px;}


#my_box .mybox-title01{background-position: 0 0;}
#my_box .mybox-title02 a{background-position: 0 -30px;}
#my_box .mybox-title03 a{background-position: 0 -60px;}
#my_box .mybox-title04 a{background-position:0 -90px;}
#my_box .mybox-title05 a{background-position:0 -120px;}
#my_box .mybox-title06 a{background-position:0 -150px;}
#my_box .mybox-title07 a{background-position:0 -180px;}

/*メールタイトル*/

#my_box .mail01,
#my_box .mail02,
#my_box .mail03,
#my_box .mail04,
#my_box .mail05,
#my_box .mail06,
#my_box .mail07,
#my_box .mail08{display:block; height:50px;width:600px; background: url(../img/hp101/title/mybox-mail.jpg) no-repeat; text-indent: -10000px;}


#my_box .mail01{background-position: 0 0;}
#my_box .mail02{background-position: 0 -50px;}
#my_box .mail03{background-position: 0 -100px;}
#my_box .mail04{background-position:0 -150px;}
#my_box .mail05{background-position:0 -200px;}
#my_box .mail06{background-position:0 -250px;}
#my_box .mail07{background-position:0 -300px;}
#my_box .mail08{background-position:0 -350px;}


/*会員情報タイトル*/

#my_box .prof01,
#my_box .prof02,
#my_box .prof03,
#my_box .prof04,
#my_box .prof05{display:block; height:50px;width:600px; background: url(../img/hp101/title/mybox-prof.jpg) no-repeat; text-indent: -10000px;}


#my_box .prof01{background-position: 0 0;}
#my_box .prof02{background-position: 0 -50px;}
#my_box .prof03{background-position: 0 -100px;}
#my_box .prof04{background-position: 0 -150px;}
#my_box .prof05{background-position: 0 -200px;}

/*検討中・応募タイトル*/

#my_box .etc01,
#my_box .etc02{display:block; height:50px;width:600px; background: url(../img/hp101/title/mybox-etc.jpg) no-repeat; text-indent: -10000px;}


#my_box .etc01{background-position: 0 0;}
#my_box .etc02{background-position: 0 -50px;}

/*サイドバー*/

#menu-txt_my a{display:block; width:130px; margin:0; padding-left:20px; text-decoration:none; line-height:200%;}
#menu-txt_my {margin-top:10px; margin-bottom:10px;}
#menu-txt_my ul,
#menu-txt_my li{margin:0; padding:0; list-style:none; list-style-type:none; background: url(../img/hp101/title/arrow.gif) no-repeat; }

#menu-txt_my h3{display:block; height:30px;width:160px; background: url(../img/hp101/title/mybox-title.gif) no-repeat; text-indent: -10000px;}

#menu-txt_my .title01{background-position: 0 -30px;}
#menu-txt_my .title02{background-position: 0 -60px;}
#menu-txt_my .title03{background-position: 0 -90px;}
#menu-txt_my .title04{background-position: 0 -120px;}


#menu-txt_my a:link{color:#333;text-decoration: none;}
#menu-txt_my a:visited{color:#333;text-decoration: none; }
#menu-txt_my a:hover{color:blue;text-decoration: underline; }
#menu-txt_my a:active{color:blue;text-decoration: none; }

/*箱の中身*/

#my_box .text {padding:5px;}



/*写真*/

#my_box img{
	width:120px;
	border-top: solid 1px silver;
	border-left: solid 1px silver;
	border-bottom: solid 1px gray;
	border-right: solid 1px gray;
	background-color: white;
	padding: 3px;
}

.photo{
	padding: 5px;
	float:left;
	text-align:center;
}

.photo img{
	width:120px;
	border-top: solid 1px silver;
	border-left: solid 1px silver;
	border-bottom: solid 1px gray;
	border-right: solid 1px gray;
}

.prof img{
	margin:10px;
}

/*テーブル*/

#my_box table{border-top:1px solid #ccc;width:580px;margin:0;padding:0;}
#my_box th,
#my_box td{padding:7px 3px 3px 3px; margin:2px;border-color:#ccc;vertical-align:top;}
#my_box td.center{text-align:center;}
*:first-child+html td.block{background: url(../img/hp101/mypage/block_title.gif) no-repeat;text-indent:15px;height:20px;font-weight:bold;margin-bottom:5px;}
td.block{background: url(../img/hp101/mypage/block_title.gif) no-repeat;text-indent:15px;height:30px;font-weight:bold;}

#my_box .table-nav{border-top:0px solid #ccc;}

#my_box tr.bold{font-weight:bold;background-color:#ffc;}
#my_box h5{width:13px;height:10px;background: url(../img/hp101/mypage/star.gif) no-repeat;text-indent:-9999px;float:left;}
* html body #my_box h5{margin-top:8px;width:13px;height:10px;background: url(../img/hp101/mypage/star.gif) no-repeat;text-indent:-9999px;float:left;}
#my_box h6{cursor:pointer;font-size:10px;font-weight:normal;width:120px;height:15px;background: url(../img/hp101/mypage/block.gif) no-repeat;text-indent:17px;float:right;}


/*クリップ*/


#my_box .num{float:left;color:red;font-weight:bold;font-size:14px;width:590px;display:block;height:20px;text-align:right;margin:15px 0 2px 0;}
#my_box .num_detail{color:red;font-weight:bold;font-size:14px;text-align:right;margin-bottom:5px;}


#my_box .search-list-a{clear:both; margin:0 0 0 0px;width:590px;}
#my_box .search-list-a{background:#FFFFDF;border:1px solid #cccccc; padding-bottom:20px; height:100%;}
#my_box .search-list-a:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }

#my_box .search-list-b{clear:both; margin:0 0 0 0px;width:590px;}
#my_box .search-list-b{border:1px solid #cccccc; padding-bottom:20px; height:100%;}
#my_box .search-list-b:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }

#my_box .list-title{display:inline-table; }/*IE*/* html #my_box .list-title{height:1%; } #my_box .list-title{display:block; height:100%; }/*IE*/
#my_box .list-title{display:block; background: url(../img/hp101/title/mybox-clip.gif) 0 0 no-repeat;padding:0px 20px; }
#my_box .list-title:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }

#my_box .list-title h2 a:link,
#my_box .list-title h2 a:visited,
#my_box .list-title h2 a:active,
#my_box .list-title h2 a:hover{display:block; float:left;width:550px; color:#333; padding:7px 0 5px 0; font-size:14px; word-wrap: break-word;overflow:hidden;}
#my_box .list-title h2 a:hover{text-decoration:underline;}

#my_box .copy {padding:10px;font-size:12px; font-weight:normal;color:#f36; font-weight:bold; font-size:16px;float:left;}

#my_box .search-list-a .photo,
#my_box .search-list-b .photo{clear:both; float:left; width:100px; padding-left:10px;}
#my_box .search-list-a .photo .main,
#my_box .search-list-b .photo .main{width:180px; border:solid 1px #666; margin-top:5px; }
#my_box .search-list-a .photo .logo,
#my_box .search-list-b .photo .logo{width:180px; height:50px; border:solid 1px #666; }
#my_box .search-list-a .photo a,
#my_box .search-list-b .photo a{display:block; font-size:12px; line-height:1.3em; }


#my_box .search-list-a .spec,
#my_box .search-list-b .spec{float:right; padding-right: 15px; }
#my_box .search-list-a .spec h3,
#my_box .search-list-b .spec h3{width:360px; font-size:12px; font-weight:normal;}

#my_box .search-list-a table{width:360px;padding:0;margin:0;}
#my_box .search-list-b table{width:560px;padding:0;margin-left:15px;}
#my_box .search-list-a th,
#my_box .search-list-a td,
#my_box .search-list-b th,
#my_box .search-list-b td{border-bottom:1px solid #ccc;}

#my_box .search-list-a th,
#my_box .search-list-b th{width:60px;}

#my_box .search-list-a .hp,
#my_box .search-list-b .hp{clear:both;padding-right:10px; text-align:right;}



/*チェックボックス*/
#my_check {clear:both; margin:0px 10px 0 10px;padding:2px 0 2px 0px;}
#my_check ul,
#my_check li{margin:0;padding:0;list-style:none;list-style-type:none;}
#my_check li{float:left; width:70px;font-size:12px;height:35px; }
#my_check input{float:left; padding-top:5px;}



#my_box img.star{width:13px;height:10px;border:0px;}


/*ページの先頭へ*/
.pagetop {width:600px; float:left; text-align:right;}
