@charset "UTF-8";

/* Reset ------------------------------ */
*, body, div, p, ul, li h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}


/* Global ------------------------------ */
p{
	margin-bottom:1.5em;
}

ul{
	list-style:disc inside;
}

object{
	margin:0 0 2px 0;
	padding:0;
}

.cl{  
	display:inline-block;
}

.cl:after{  
	content:"";
	display:block;
	clear:both;
}

.hidden{
	visibility:hidden;
}

.font-s{
	font-size:.85em;
	line-height:1.65em;
	display:inline-block;
}

.font-b{
	font-weight:bolder;
}


/* Link ------------------------------ */
a{
	background-color:transparent;
	color:#999;
	text-decoration:underline;
	outline:none;
}

a:hover{
	background-color:transparent;
	color:#ccc;
	text-decoration:underline;
}

a img{
	border:0;
}


/* Font ------------------------------ */
body{
	font:normal 11px/2em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
/* for ie7 */
*:first-child+html body{ font-size:70%; }
/* for ie6 \*/
* html body{ font-size:70%; }
/* */ 

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}


/* Structure ------------------------------ */
html{
	height:100%;
}

body{
	background-color:#f90;
	color:#333;
	height:100%;
	text-align:center;
}

#container{
	margin:0 auto;
	padding:12px 0 24px 0;
	width:864px;
}

#logo{
	margin:3px auto 38px auto;
	width:842px;
}

h1{
	background:transparent url(img/ars_logo-trans.png) no-repeat scroll 0 0;
	height:176px;
	margin:0 auto;
	position:relative;
	width:839px;
}
h1 a{
	bottom:0;
	display:block;
	height:34px;
	position:absolute;
	right:0;
	text-decoration:none;
	width:212px;
}
h1 a:hover{
	text-decoration:none;
}

/* Top */
#credit-container{
	font-size:.95em;
	line-height:1em;
	text-align:right;
}
#credit-container a{
	background-color:transparent;
	border-bottom:1px dotted #fff;
	color:#fff;
	font-size:.95em;
	text-decoration:none;
	margin-right:12px;
}
#credit-container a:hover{
	background-color:transparent;
	border-bottom:1px dotted #ccc;
	color:#ccc;
	font-size:.95em;
	text-decoration:none;
}

#credit{
	font-size:.95em;
	line-height:1.5em;
	text-align:left;
	padding:2em 2em 0 2em;
}

#close{
	text-align:right;
	padding:0 2em 0 2em;
}
#close a{
	background-color:transparent;
	border-bottom:1px dotted #fff;
	color:#fff;
	text-decoration:none;
}
#close a:hover{
	background-color:transparent;
	border-bottom:1px dotted #ccc;
	color:#ccc;
	text-decoration:none;
}

#lang{
	float:left;
	text-align:center;
	margin:-16px 0 0 0;
}

#lang-inner{
	margin-left:11px;
}

#lang-ja{
	background:transparent url(img/ja-trans.png) no-repeat scroll 0 0;
	border:1px solid #fff;
	font-size:1px;
	float:left;
	height:24px;
	width:55px;
}
#lang-ja a{
	display:block;
	height:24px;
	text-decoration:none;
	width:55px;
}

#lang-en{
	background:transparent url(img/en-trans.png) no-repeat scroll 0 0;
	border:1px solid #fff;
	font-size:1px;
	float:left;
	height:24px;
	margin-left:-1px;
	width:65px;
}
#lang-en a{
	display:block;
	height:24px;
	text-decoration:none;
	width:65px;
}

#popup{
	float:right;
	/*line-height:24px;*/
	margin-top:-1em;
}
#popup a{
	background-color:transparent;
	border-bottom:1px dotted #fff;
	color:#fff;
	text-decoration:none;
	margin-right:12px;
}
#popup a:hover{
	background-color:transparent;
	border-bottom:1px dotted #ccc;
	color:#ccc;
	text-decoration:none;
}