/* CSS Document */

/**************************************
　　　　ページ共通
***************************************/

/** デフォルトの効果をリセット **/

* {
margin:0px;
padding:0px;
border:0px;
}

/********************* body ***************
・テキストサイズ自動調節無効
・高さの最小サイズ指定（アドレスバーを隠す為）
・フォントサイズ
*******************************************/
body{
font-family:HiraKakuProN-W6;
-webkit-text-size-adjust:none;
min-height:416px;
font-size:14px;
background-color:#171717;
}

a[selected], a:active {
    background-color: #FF9C00 !important;
    color: #FFFFFF !important;
}



/*************　ここまでテンプレ　**************/

h1 {
text-align:center;
}

h1#title{
height:44px;
background:url(../img/header_h1.png) repeat-x gray;
font-family:HiraKakuProN-W6;
font-size:20px;
color:white;
text-align:center;
line-height:44px;
text-shadow:rgba(0,0,0,0.5) 1px -1px 0px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#main{
-webkit-border-radius:8px;
	margin: 0px 9px 16px;
	background-color:white;
	font-size:12px;
}

h2{
text-align:center;
margin:1px;
}

h3{
color:white;
padding: 0px 20px;
text-shadow:rgba(150,150,150,0.5) 0px 1px 0px;
margin-top:20px;
font-size:16px;
}

#main li{
overflow:hidden;
text-overflow:ellipsis;
}

#main dt{
float:left;
padding-left:10px;
}

#main dd{
padding-top: 2px;
font-size:12px;
}


h4{
height:22px;
padding:0px 10px;
font-family:HiraKakuProN-W6;
font-size:16px;
color:#FFF;
text-shadow:rgba(0,0,0,0.6) 0px -1px 0px;
background:url(../img/header_h2.png) repeat-x gray;;
line-height:22px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#lang{
text-align:right;
}

#lang img{
margin:2px;
}


/*************　リスト　**************/

li{
list-style-type:none;
}

#text{
padding:3px 0px;
}

ul#text li{
margin:0px;
text-align:center;
}

ul.textb{
	background-color:white;
}

.textb li{
	padding:5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
} 

.textb dd:last-child{
padding-bottom:20px;
}
.textb li:last-child{
padding-bottom:20px;
}


.textb dd{
padding:3px 30px;
} 

/*************　ボタン　**************/


.nav_button a{
text-decoration:none;
color:white;
display:block;
-webkit-tap-highlight-color:rgba(255,155,0,1)
}

.nav_button{
height:30px;
margin:0px 10px;
font-family:HiraKakuProN-W6;
font-size:16px;
color:white;
line-height:30px;
text-shadow:rgba(0,0,0,0.5) 1px -1px 0px;
border-right:gray solid 7px;
border-left:gray solid 7px;
-webkit-border-image:url("../img/button.png") 0 7 0 7;
}

#top{
float:left;
position:absolute;
top:7px;
left:0px;
border-right:gray solid 7px;
border-left:gray solid 12px;
-webkit-border-image:url("../img/button_l.png") 0 7 0 12;
}


/*************　ナビボタン　**************/

#navi{
border-top:solid 1px #727272;
}

#navi li{
height:43px;
font-family:HiraKakuProN-W6;
font-size:20px;
border-bottom:solid 1px #727272;
line-height:44px;
background-image:url("../img/navi_back.png");
background-repeat:repeat-x
}

#navi a{
display:block;
padding:0px 26px 0px 10px;
background-image:url("../img/navi_arrow.png");
background-repeat:no-repeat;
background-position:right;
text-decoration:none;
color:white;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-shadow:rgba(0,0,0,1) 1px -1px 0px;
-webkit-tap-highlight-color:rgba(255,155,0,1)
}


#navi img{
float:left;
position:relative;
left:-10px;
top:0px;
}



/*************　フッター　**************/

#footer{
height:43px;
font-family:HiraKakuProN-W6;
font-size:10px;
border-bottom:solid 1px #727272;
line-height:44px;
background-image:url("../img/navi_back.png");
background-repeat:repeat-x;
text-align:center;
color:#999999;
}