@charset "UTF-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    Ａタグをボタン化
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

a.btn {
	display:block;
	width:300px;
	height:30px;
	background:#66CCCC url(../img_uram/a_btn_1.jpg);
	border:1px solid #0099CC;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	line-height:30px;
	margin-bottom:5px;
}
 
a:hover.btn {
	background:#0099CC url(../img_uram/a_btn_2.jpg);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    ページ見出し
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

h3.img_bar {
	color: #FFFFFF;
	padding-left: 30px;
	background:url(../img_uram/img_bar.gif) no-repeat;
}

p.u_border {
	font-size: large;
	font-weight: bold;
	color: #FF9933;
	border-bottom: 1px solid #FF9933;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    注意書き
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

div.notice {
	color: #CC3333;
	padding: 16px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    色文字
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

span.red, 
span.required {
	color: #CC3333;
}

span.blue {
	color: #336699;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    マイページ・ナビ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#mynavi ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#mynavi li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float: left;
}

#mynavi a{
	display: block; 
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #FFE;
	padding: 3px;
	text-decoration: none;
	color: #630;
	width: 80px; 
	margin: 1px 0px;
	text-align: center;
	font-size: x-small;
}

#mynavi a:hover{
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #FC6;
}

#mynavi #endnavi a{
	display: block; 
	border: 1px solid #999;
	background-color: #FFE;
	padding: 3px;
	text-decoration: none;
	color: #630;
	width: 80px; 
	margin: 1px 0px;
	text-align: center;
	font-size: x-small;
}

#mynavi #endnavi a:hover{
	display: block; 
	border: 1px solid #999;
	background-color: #FC6;
}

#mynavi a.w110px {
	width: 110px;
}

#mynavi a.here, 
#mynavi #endnavi a.here {
	background-color: #FC6;
	pointer-events: none;
	cursor: default;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    回り込み解除
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

br.clear {
	clear: both;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    タブ表示切り替え
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#tabmenu{
    padding:0px;
    margin:0px;
    color:#333;
    font-size: 11px;
    width:500px;
    position:relative;
}
 
#tabmenu div#tab{
    position: absolute;
    top:0px;
    left:0px;
}
 
#tabmenu div#tab a{
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100px;
    display: block;
    text-decoration:none;
    color:#333;
    background:#eee;
}
 
#tabmenu div#tab a:hover{
    background:#ccc;
    color:#333;
}
 
div#tab_contents{
    width:700px;
    overflow:
    hidden;clear:both;
}
div#tab_contents ul{
    width:2500px;
    padding:0px;
    margin:0px;
}
div#tab_contents ul li{
    float: left;
    width:680px;
    list-style-type:none;
    padding: 60px 10px 10px 10px;
}