@charset "utf-8";

/*---------------------------------------
    リセットCSS（編集不要）
----------------------------------------*/
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li{list-style-type:none;}p{margin-bottom:1em;}a,label{cursor:pointer;}img{vertical-align:bottom;margin:0;padding:0;}



/*----------------------------------------
    共通
----------------------------------------*/

body {
	font-size:76%;
	line-height:160%;
	color:#333;
}

.inner {
	width:880px;
	margin:0 auto;
	background:#fff;
}

.account {
	width:564px;
	margin:0 auto;
}

.account li {
	float:left;
	padding:0 5px;
}

.account:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.cite a {
	color:#666;
	text-decoration:underline;
}

.cite a:hover {
	color:#000;
}



/*----------------------------------------
    ヘッダー
----------------------------------------*/

/*  #header
----------------------------------------*/
#header {
	height:65px;
}

#header .logo {
	padding:12px 0 0 30px;
}





/*----------------------------------------
    ビジュアルエリア
----------------------------------------*/

/*  #visual
----------------------------------------*/
#visual_wrapper {
	background:url(../img/bg-visual_repeat.gif) center top;
}

#visual {
	background:url(../img/bg-visual.gif) center top no-repeat;
}

#visual .nav li {
	float:left;
}

#visual .nav:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}



/*----------------------------------------
    アサイドエリア
----------------------------------------*/

/*  #aside
----------------------------------------*/
#aside {
	background:#f5f5f5;
	text-align:center;
}

#aside .account {
	padding-top:25px;
}

#aside .important {
	padding:25px 0 40px 0;
}
#aside .bnr {
	padding:25px 0 40px 0;
}


/*----------------------------------------
    メインエリア
----------------------------------------*/

/*  #article
----------------------------------------*/
#article {
	background:#f5f5f5;
}

/*  #article .section 各国情報
----------------------------------------*/
#article .section {
	border-top:12px solid #fdeb8a;
	border-left:12px solid #fdeb8a;
	border-right:12px solid #fdeb8a;
	padding:10px 0 0 0;
}

#article .section .hgroup {
	width:856px;
}

#article .section .hgroup h2 {
	float:left;
	padding:25px 0 0 38px;
}

#article .section .hgroup .link {
	float:right;
	padding-right:15px;
}

#article .section .hgroup .link p {
	width:138px;
	text-align:right;
	padding-left:12px;
	margin:0;
}

#article .section p.cite {
	clear:both;
	text-align:right;
	padding:20px 38px 0 0;
}

#article .section h3 {
	padding-bottom:10px;
}

#article .section .timeline {
	padding:0 38px;
	width:780px;
}

#article .section .timeline .detail {
	width:400px;
	float:left;
}

#article .section .timeline .rate {
	float:right;
}

#article .section .information {
	clear:both;
	padding:30px 38px 0 38px;
	width:780px;
}

#article .section .information .detail {
	width:440px;
	float:right;
}

#article .section .information .detail dd {
	margin-bottom:14px;
}

#article .section .section_bottom {
	padding:30px 38px 0 38px;
	clear:both;
	width:780px;
}

#article .section .section_bottom .nav li {
	float:left;
}

#article .section .section_bottom .nav:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#article .section .section_bottom .bnr {
	clear:both;
	text-align:center;
	padding-top:30px;
}

#article .section .section_bottom .account, 
#article .section .section_bottom .nav {
	padding-top:30px;
}

#article .section p.page_top {
	clear:both;
	text-align:right;
	margin-bottom:0;
	padding:20px 38px 20px 0;
}

/*  #article #provision
----------------------------------------*/
#article #provision {
	margin:28px 38px 38px 38px;
	border:3px solid #ececec;
	background:#f5f5f5;
	padding:28px;
}

#article #provision h2 {
	text-align:center;
	font-size:117%;
	padding-bottom:10px;
}

/*  #article #accept_list
----------------------------------------*/
#article #accept_list {
	margin:0 38px;
}

#article #accept_list h2 {
	text-align:center;
}

#article #accept_list table {
	width:780px;
	border-left:1px dotted #a4a4a4;
	margin-top:20px;
	table-layout: fixed;
}

#article #accept_list td,
#article #accept_list th {
	border-right:1px dotted #a4a4a4;
	padding:15px;
}

#article #accept_list td {
	vertical-align:top;
}

#article #accept_list th {
	text-align:center;
	vertical-align:middle;
}

#article #accept_list th.country {
	width:134px;
}

#article #accept_list tr.flag {
	text-align:center;
}

#article #accept_list tr.stripe {
	background:#f5f5f5;
}

#article #accept_list tr:first-child {
	background:#fff9db;
}

/*  #article #easy
----------------------------------------*/
#article #easy {
	margin:40px 38px 0 38px;
}

/*  #article #important_attention
----------------------------------------*/
#article #important_attention {
	margin:40px 38px 0 38px;
	padding:30px;
	border:2px solid #cc0000;
}

#article #important_attention h2 {
	font-size:134%;
	padding-left:36px;
	background:url(../img/bg-extention_mark.gif) left center no-repeat;
	min-height:25px;
	padding-top:6px;
	margin-bottom:10px;
}

#article #important_attention li {
	background:url(../img/bg-list_mark.gif) left top no-repeat;
	padding-left:23px;
	min-height:16px;
	margin-bottom:5px;
}

#article #important_attention p.cite {
	padding:0;
	margin:0;
}

#article #important_attention a {
	color:#cc0000;
	text-decoration:underline;
}

#article #important_attention a:hover {
	color:#ffa1a1;
}

/*  #article #contact
----------------------------------------*/
#article #contact {
	margin:40px 38px 0 38px;
}

/*  #article #attention
----------------------------------------*/
#article #attention {
	margin:40px 38px 0 38px;
	padding:30px;
	background:#f5f5f5;
}



/*----------------------------------------
    フッター
----------------------------------------*/

/*  #footer
----------------------------------------*/
#footer {
	background:#f5f5f5;
}

#footer .inner {
	border-left:12px solid #fdeb8a;
	border-right:12px solid #fdeb8a;
	width:856px;
}

#footer p {
	display:block;
	margin:0 38px;
	text-align:center;
	background:url(../img/bg-footer_top.gif) left top repeat-x #fff;
	padding:24px 0;
}