@charset "UTF-8";

/* 初期化 */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#595858;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
q:before,q:after{content:'';}

/* フォント初期化 */
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{font:75%/1.8 "ＭＳ Ｐゴシック",sans-serif;}
select,input,button,textarea,button{font:75%/1 "ＭＳ Ｐゴシック",sans-serif;}
table{font-size:inherit;font:75%;}
pre,code,kbd,samp,tt{font-family:"ＭＳ ゴシック",sans-serif;}


img{
	vertical-align:top;
}

body{
	overflow:scroll;
}

ol li{
	list-style-position:inside;
	list-style-type:decimal;
	margin-left:10px;
}

address{
	font-style:normal;
}

a:link		{ color:#cb364d; text-decoration:underline; }
a:visited	{ color:#dc8ca1; text-decoration:none; }
a:hover		{ color:#cb364d; text-decoration:none; }
a:active	{ color:#dc8ca1; text-decoration:underline; }

/*** 基本レイアウト ***/
#na_container{
	margin:0px auto 0px auto;
	text-align:left;
	width:1002px;
	background:url("../img/bgi_body.gif") repeat-y left top;
}

#na_container_inner{
	padding:0px 34px 0px 30px;
}

/*** ヘッダー ***/
#na_header{
	position:relative;
	height:216px;
	background:url("../img/bgi_header.jpg") no-repeat left bottom;
}

#na_bnr_biu{
	position:absolute;
	top:28px;
	left:192px;
}

#na_bnr_nnr{
	position:absolute;
	top:34px;
	left:24px;
}

#na_bnr_ttl_site{
	position:absolute;
	top:88px;
	left:45px;
}

#na_catch_copy{
	color:#FFFFFF;
	margin:0px 3px;
	border-top:solid 1px #FFFFFF;
	text-indent:10px;
	font-size:0.866em;
	background:url("../img/bgi_stripe_oblique.gif") repeat left top;
}

/*** 左コンテンツ ***/
#na_content_l{
	float:left;
	width:676px;
}

#na_content_l ol,
#na_content_l ul,
#na_content_l p{
	margin-bottom:10px;
}

#na_content_l_inner{
	padding:0px 0px 50px 34px;
}

/*** 右コンテンツ（ナビゲーション） ***/
#na_content_r{
	float:right;
	width:231px;
}

#na_content_r_inner{
	padding:0px 22px 40px 0px;
}

#na_nav{
	position:relative;
	top:-40px;
	padding:0px 0px 10px 0px;
	background:url("../img/bgi_nav_b.png") no-repeat left bottom;
}

#na_nav p.na_nav_bnr{
	margin-top:-10px;
	background:url("../img/bgi_nav_m.png") repeat-y left top;
}

#na_nav p.na_nav_bnr img{
	margin:5px 0px 5px 6px;
}

#na_nav_inner{
	padding:25px 0px 0px 17px;
	position:relative;
	top:-10px;
	background:url("../img/bgi_nav_t.png") no-repeat left top;
}

#na_nav_inner p{
	padding:0px 0px 15px 0px;
}

#na_nav_inner ul{
	margin-top:-5px;
	padding:0px 0px 20px 0px;
}

#na_nav_inner li a{
	text-decoration:none;
	background:url("../img/lsi_arrow_pink_r.gif") no-repeat 7px 36%;
	padding:0px 0px 0px 19px;
}

#na_nav_inner li a,
#na_nav_inner li a:visited{
	color:#d76779
}

#na_nav_inner li a:hover{
	text-decoration:underline;
}

#na_bnr_area{
	margin-top:-37px;
}

#na_bnr_area p{
	margin:0px 0px 10px 0px;
}

/*** フッター ***/
#na_footer{
	position:relative;
	clear:both;
	height:100%;
	background:#fef7ef url("../img/bgi_footer.gif") repeat-x left top;
}

#na_footer h2{
	float:left;
	padding:35px 37px 0px 34px;
}

.na_section_01{
	float:left;
	width:167px;
	margin:30px 0px 0px 0px;
}

.na_section_01 p{
	background:url("../img/bgi_circle_red_r.gif") no-repeat left 42%;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 19px;
}

.na_section_01 a{
	text-decoration:none;
}

.na_section_01 a,
.na_section_01 a:visited{
	color:#cb364d
}

.na_section_01 a:hover{
	text-decoration:underline;
}

#na_copyright{
	clear:both;
	text-align:right;
	padding:27px 34px 30px 0px;
}


/*** 汎用クラス ***/
.na_text_xx_small	{ font-size:72% !important; } /*** 9pxに相当 ***/
.na_text_x_small	{ font-size:87% !important; } /*** 10pxに相当 ***/
.na_text_small		{ font-size:93% !important; } /*** 11pxに相当 ***/
.na_text_normal		{ font-size:100% !important; }/*** 12pxに相当 ***/
.na_text_large		{ font-size:120% !important; }/*** 14pxに相当 ***/
.na_text_x_large	{ font-size:133% !important; }/*** 16pxに相当 ***/
.na_text_xx_large	{ font-size:153% !important; }/*** 18pxに相当 ***/
.na_text_xxx_large	{ font-size:167% !important; }/*** 20pxに相当 ***/

.na_align_r{
	text-align:right !important;
}

.na_align_c{
	text-align:center !important;
}

.na_float_l{
	float:left;
}

.na_float_r{
	float:right;
}

.na_clear_fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.na_to_page_top{
	position:absolute;
	left:710px;
	top:-35px;
}

.na_to_page_top a{
	display:block;
	font-size:93%;
	text-indent:20px;
	background:url("../img/btn_arrow_t.gif") no-repeat left center;
}


.na_title{
	background:url("../img/bgi_title.gif") no-repeat left top;
	margin:24px 0px 13px 0px;
	padding:0px 0px 0px 36px;
	height:21px;
}

.na_title img{
	padding:1px 20px 0px 0px;
	background-color:#FFFFFF;
}

.na_subtitle_l{
	background:url("../img/bgi_subtitle_l.gif") no-repeat left top;
	height:36px;
	line-height:36px;
	text-indent:27px;
	font-weight:bold;
	color:#cb364d;
	margin:25px 0px 10px 0px;
}

.na_subtitle_s{
	background:url("../img/bgi_subtitle_s_01.gif") no-repeat left top;
	height:34px;
	line-height:34px;
	text-indent:27px;
	font-weight:bold;
	color:#cb364d;
	margin:30px 0px 20px 0px;
}

.na_subtitle_s_02{
	background:url("../img/bgi_subtitle_s_02.gif") no-repeat left top;
	height:36px;
	line-height:36px;
	text-indent:27px;
	font-weight:bold;
	color:#cb364d;
	margin:25px 0px 10px 0px;
}


.na_link_arrow_r a{
	text-decoration:none;
	background:url("../img/bgi_circle_red_r.gif") no-repeat left 35%;
	padding:0px 0px 0px 20px;
}

.na_link_arrow_r a,
.na_link_arrow_r a:visited{
	color:#d76779
}

.na_link_arrow_r a:hover{
	text-decoration:underline;
}

.na_adjust_01{
	margin-top:20px !important;
}

.na_adjust_02{
	margin-bottom:20px !important;
}

.na_adjust_03{
	margin-left:10px !important;
}

.na_dl_2col:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.na_dl_2col dt{
	clear:both;
	float:left;
	width:8em;
}

.na_dl_2col dd{
	width:auto;
	margin:0px 0px 0px 8em;
}

.na_dl_notice dt,
.na_dl_notice dd{
	line-height:140%;
}
.na_dl_notice dt{
	width:2em !important;
}

.na_dl_notice dd{
	margin:0px 0px 0px 2em !important;
}

.na_clear_b{
	clear:both;
}

.na_no_margin{
	margin:0px !important;
}



.na_profile_thumbnail{
	float:left;
	text-align:center;
	margin:5px 0px 10px 0px;
	background:url("../img/bgi_profile.gif") no-repeat left top;
	padding:6px 12px 6px 6px;
}

.na_profile_thumbnail img{
	padding-bottom:5px;
}

.na_subsection_01{
	padding:0px 10px;
}

.na_subsection_02{
	margin:5px 0px;
	background:url("../img/bgi_subsection_02_t.gif") no-repeat left top;
}

.na_subsection_02_inner{
	padding:18px 24px 8px 24px;
	background:url("../img/bgi_subsection_02_b.gif") no-repeat left bottom;
}

.na_subsection_03{
	margin:5px 0px 5px 0px;
	background:url("../img/bgi_subsection_03_t.gif") no-repeat left top;
}

.na_subsection_03_inner{
	padding:18px 16px 8px 16px;
	background:url("../img/bgi_subsection_03_b.gif") no-repeat left bottom;
}

.na_subsection_03_border_inner{
	background:url("../img/bgi_subsection_03_border_b.gif") no-repeat left bottom;
	padding:14px 16px 4px 16px;
}

.na_text_bold{
	font-weight:bold;
}

.na_text_pink{
	color:#d76779;
	font-weight:bold;
}

.na_text_normal{
	font-weight:normal !important;
}

.na_red_bar_01,
.na_red_bar_02,
.na_orange_bar_01,
.na_orange_bar_02{
	width:315px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	margin:5px 0px 5px 0px !important;
	padding:10px 0px 0px 0px !important;
}

.na_red_bar_01,
.na_orange_bar_01{
	height:30px;
}

.na_red_bar_02,
.na_orange_bar_02{
	height:40px;
	line-height:120%;
}

.na_red_bar_01{ background:url("../img/bgi_red_bar_s1.gif") no-repeat left top; }
.na_red_bar_02{ background:url("../img/bgi_red_bar_s2.gif") no-repeat left top; }

.na_orange_bar_01{ background:url("../img/bgi_orange_bar_s1.gif") no-repeat left top; }
.na_orange_bar_02{ background:url("../img/bgi_orange_bar_s2.gif") no-repeat left top; }


.na_2col_content_l,
.na_2col_content_r{
	line-height:1.4em;
}

.na_2col_content_l{
	float:left;
	width:315px;
}

.na_2col_content_r{
	float:right;
	width:315px;
}

.na_process_arrow_b{
	margin:5px 0px;
	text-align:center;
}

.na_border_pink_b{
	border-bottom:solid 1px #efc2c9;
}

.na_table_01{
	width:100%;
	border-collapse:collapse;
	margin:0px 0px 10px 0px;
}

.na_table_01 th,
.na_table_01 td{
	line-height:140%;
	padding:7px 0px 4px 13px;
	border-bottom:solid 1px #f6c5c6;
	vertical-align:top;
	text-align:left;
}

.na_table_01 th{
	width:16em;
	color:#5d5c5c;
	font-weight:bold;
}

.na_table_01 td{
	width:auto;
}


#na_form th{
	text-align:right;
	vertical-align:top;
	font-weight:normal;
}

#na_form th,
#na_form td{
	padding:3px 0px 3px 10px;
}

#na_form th div{
	margin:5px 0px 0px 0px !important;
}

#na_form td div{
	padding:0px 0px 0px 15px;
	border-left:solid 5px #f3caca;
}

.na_button{
	text-align:center;
	padding:2px 20px;
	background:#FFFFFF url("../img/bgi_button.gif") repeat-x left bottom;
	border:solid 1px #003c74;
	color:#5d5c5c;
	font-size:100%;
}

#na_form table input,
#na_form table select,
#na_form table textarea{
	border:solid 1px #7f9db9;
	font-size:100%;
	margin:5px 5px 0px 5px !important;
	padding:3px 3px 1px 3px;
}

.na_checkbox,
.na_radio{
	border:none !important;
	white-space:nowrap;
}

.na_no_border{
	border:none !important;
}

#na_error_box .na_btn,
#na_conf_box .na_btn,
#na_complete .na_btn{
	padding:3px 10px;
	font-size:100%;
}

#na_input_check table{
	margin:10px 0px;
	border:solid 1px #999999;
}

#na_input_check th,
#na_input_check td{
	border:solid 1px #999999;
	padding:3px 10px;
}

#na_input_check th{
	font-weight:bold;
}

.na_align_c{
	text-align:center;
}

#na_privacy_policy{
	margin:0px 0px 30px 0px;
}


.na_text_button a{
	padding:2px 20px;
	background:#FFFFFF url("../img/bgi_button.gif") repeat-x left bottom;
	border:solid 1px #003c74;
	color:#5d5c5c;
	font-size:100%;
	text-decoration:none;
}

.na_text_button a:visited{
	color:#5d5c5c;
}

.na_text_button a:hover{
	color:#cb364d;
}

#na_qr_code{
	text-align:center;
	margin:10px auto;
}


.na_btn_01{
	float:left;
	border:solid 3px #d76779;
	padding:3px 15px;
	margin-left:20px;
	background-color:#f9899b;
}

.na_btn_01 a{
	letter-spacing:1px;
	font-weight:bold;
	color:#FFFFFF;
}
