@charset "UTF-8";

/*
 * COMMON 
 */
#n_kokusai_contents { width:1031px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif; color:#333 !important; }
#n_kokusai_contents a       { color:#008eaa; }
#n_kokusai_contents a:hover { color:#aaa; }

/*
 * DESCRIPTION LAYOUT 
 */
#n_kokusai_contents .description { margin:30px 0 20px; }
#n_kokusai_contents .description .title { font-size:18px; font-weight:bold; }
#n_kokusai_contents .description .text  { margin-top:20px; line-height:1.6em; }

/*
 * CONTENTS LAYOUT 
 */
#n_kokusai_contents .information { }
#n_kokusai_contents .information .alpha       { float:left; width:608px; }
#n_kokusai_contents .information .alpha-inner { margin:0; padding:0; }
#n_kokusai_contents .information .beta        { float:left; width:422px; }
#n_kokusai_contents .information .beta-inner  { margin:0; padding:0 0 0 25px; }

/*
 * COMMON PARTS 
 */
#n_kokusai_contents .information .block       { margin:0 0 20px; padding:0; }
#n_kokusai_contents .information .title       { height:40px; line-height:40px; padding-left:20px; font-size:15px; color:#fff; font-weight:bold; }
#n_kokusai_contents .information .circle      { padding:0 0 5px 20px; font-weight:bold; border-bottom:1px solid #ddd; margin:18px 0 10px; }
#n_kokusai_contents .information .arrow       { padding-left:20px; }
#n_kokusai_contents .information .link        { padding-left:20px; }
#n_kokusai_contents .information .link_arrow  { padding-left:25px; }
#n_kokusai_contents .information .step        { border-bottom:1px solid #ddd; padding:8px 0 8px 20px; overflow:hidden; display:inline-block; }
#n_kokusai_contents .information .step_end    { padding:8px 0 8px 20px; overflow:hidden; display:inline-block; }
#n_kokusai_contents .information .separate    { padding:0 5px; color:#ddd; }

/*
 * TITLE COLOR 
 */
#n_kokusai_contents .information .a0 .title { background:#f8852e; }
#n_kokusai_contents .information .a1 .title { background:#008eaa; }
#n_kokusai_contents .information .a2 .title { background:#3c0162; }
#n_kokusai_contents .information .a3 .title { background:#008dbe; }
#n_kokusai_contents .information .a4 .title { background:#86b81b; }
#n_kokusai_contents .information .a5 .title { background:#f8852e; }
#n_kokusai_contents .information .b1 .title { background:#009e38; }
#n_kokusai_contents .information .b12 .title { background:#7cfc00; }
/*
 * ALPHA 0 
 */
#n_kokusai_contents .information .a0 .content { padding:1px 20px 20px; line-height:1.8em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
#n_kokusai_contents .information .a0 .circle  { background:url("../a2_circle.gif") no-repeat 0 2px; color:#395ca3; }
#n_kokusai_contents .information .a0 .arrow   { background:url("../a2_arrow.gif") no-repeat 2px 4px; }
#n_kokusai_contents .information .a0 .link    { background:url("../a2_link.gif") no-repeat 2px 4px; }

/*
 * ALPHA 1 
 */
#n_kokusai_contents .information .a1 .content{ background:url("../map.jpg"); height:400px; position:relative; }
#n_kokusai_contents .information .a1 .content .mark { position:absolute; height:11px; width:12px; text-indent:-99999px; }

 /* mark position */
#n_kokusai_contents .information .a1 .content .circle_blue1    { top:127px; left:47px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_blue2    { top:141px; left:47px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_blue3    { top:120px; left:59px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_blue4    { top:134px; left:59px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_blue5    { top:228px; left:223px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_blue6    { top:241px; left:232px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_blue7    { top:154px; left:236px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_blue8    { top:190px; left:239px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_blue9    { top:188px; left:254px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_blue10   { top:162px; left:261px; background:url("../circle_blue.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_orange1  { top:283px; left:305px; background:url("../circle_orange.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .circle_orange2  { top:158px; left:521px; background:url("../circle_orange.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .triangle_purple1{ top:153px; left:248px; background:url("../triangle_purple.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .triangle_purple2{ top:161px; left:273px; background:url("../triangle_purple.png") no-repeat; }
#n_kokusai_contents .information .a1 .content .triangle_purple3{ top:161px; left:288px; background:url("../triangle_purple.png") no-repeat; }

 /* left guide */
#n_kokusai_contents .information .a1 .content .guide_left { position:absolute; top:324px; left:22px; line-height:1.8em; }
#n_kokusai_contents .information .a1 .content .guide_left .circle_blue     { background:url("../circle_blue.png") no-repeat 0 4px; padding-left:18px; }
#n_kokusai_contents .information .a1 .content .guide_left .circle_orange   { background:url("../circle_orange.png") no-repeat 0 4px; padding-left:18px; }
#n_kokusai_contents .information .a1 .content .guide_left .triangle_purple { background:url("../triangle_purple.png") no-repeat 0 4px; padding-left:18px; }

 /* right guide */
#n_kokusai_contents .information .a1 .content .guide_right      { position:absolute; top:300px; left:396px; padding:12px; line-height:1.8em; background:#fff; opacity: 0.8; filter: alpha(opacity=80); /* IE6、IE7対応 */ -moz-opacity: 0.8; /* Firefox1.5以前対応 */ }
#n_kokusai_contents .information .a1 .content .guide_right .ttl { color:#86b81b; font-weight:bold; }

#n_kokusai_contents .information .a1 .content .guide_right a    { color:#000000;  display:block; text-decoration:none; }
#n_kokusai_contents .information .a1 .content .guide_right .li  { background:url("../circle_green.png") no-repeat 0 4px; padding-left:18px; font-weight:bold; }


/*
 * ALPHA 2 
 */
#n_kokusai_contents .information .a2 .content { padding:1px 20px 20px; line-height:1.8em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
#n_kokusai_contents .information .a2 .circle  { background:url("../a2_circle.gif") no-repeat 0 2px; color:#395ca3; }
#n_kokusai_contents .information .a2 .arrow   { background:url("../a2_arrow.gif") no-repeat 2px 4px; }
#n_kokusai_contents .information .a2 .link    { background:url("../a2_link.gif") no-repeat 2px 4px; }


/*
 * ALPHA 3 
 */
#n_kokusai_contents .information .a3 .content { padding:0; line-height:1.6em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; overflow:hidden; }

#n_kokusai_contents .information .a3 .content .step_header { background:#f6f2e9; border-bottom:1px solid #ddd; text-align:center; font-weight:bold; overflow:hidden; height:45px; line-height:45px;}
#n_kokusai_contents .information .a3 .content .left  { width:468px; float:left; border-right:1px solid #ddd; padding:5px 0;}
#n_kokusai_contents .information .a3 .content .right { width:117px; float:left; text-align:center; padding:5px 0;}
#n_kokusai_contents .information .a3 .content .step_header .left  { width:488px; padding:0; }
#n_kokusai_contents .information .a3 .content .step_header .right { padding:0; }
#n_kokusai_contents .information .a3 .arrow  { background:url("../a3_arrow.gif") no-repeat 2px 4px; }


/*
 * ALPHA 4 
 */
#n_kokusai_contents .information .a4 .content { padding:0; line-height:1.6em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
#n_kokusai_contents .information .a4 .content .left  { width:120px; float:left; border-right:1px solid #ddd; padding:5px 0;}
#n_kokusai_contents .information .a4 .content .right { width:465px; float:left; padding:5px 0;}
#n_kokusai_contents .information .a4 .arrow  { background:url("../a4_arrow.gif") no-repeat 2px 4px; margin-left:23px; }

/*
 * ALPHA 5  使用停止
 */
/*
#n_kokusai_contents .information .a5 .content { padding:1px 20px 20px; line-height:1.8em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
#n_kokusai_contents .information .a5 .circle  { background:url("../a5_circle.gif") no-repeat 0 2px; color:#f8852e; }
#n_kokusai_contents .information .a5 .arrow   { background:url("../a5_arrow.gif") no-repeat 2px 4px; }
*/

/*
 * BETA 1
 */
#n_kokusai_contents .information .b1 .content     { padding:1px 20px 20px; line-height:1.8em; background:#f6f2e9; }
#n_kokusai_contents .information .b1 .description { margin:20px 0 0; }
#n_kokusai_contents .information .b1 .circle      { background:url("../b1_circle.gif") no-repeat 0 2px; color:#009e38; }
#n_kokusai_contents .information .b1 .arrow       { background:url("../b1_arrow.gif") no-repeat 2px 4px; }
#n_kokusai_contents .information .b1 .indent      { float:left; width:190px; font-weight:bold; }
#n_kokusai_contents .information .b1 .inline      { display:inline-block; width:100px; }
#n_kokusai_contents .information .b1 .title       { position:relative; }
#n_kokusai_contents .information .b1 .link_arrow  { background:url("../link_arrow.gif") no-repeat 2px 12px; font-size:12px; font-weight:normal; position:absolute; right:20px; color:#fff; top:0; }


/*
 * BANNER
 */
#n_kokusai_contents .information .bnr { border:1px solid #ddd; text-align:center; margin:0 0 20px; display:block; text-decoration:none; }
#n_kokusai_contents .information .bnr:hover { background:#e8e8e8; }

 /* banner 1 */
#n_kokusai_contents .information .bnr1_block { background:#d9f1e1; padding:13px 0 8px; }
#n_kokusai_contents .information .bnr1_block .sub_ttl { color:#009e38; font-weight:bold; line-height:1.8em; font-size:13px; }
#n_kokusai_contents .information .bnr1_block .ttl     { color:#333333; font-size:20px; line-height:1.8em; }

 /* banner 2 */
#n_kokusai_contents .information .bnr2_block { background:#e1e7f1; padding:16px 0; }
#n_kokusai_contents .information .bnr2_block .ttl { color:#395ca3; font-size:13px; font-weight:bold; line-height:1.8em; }

 /*  banner 3 kikou Original 2012_05 */

#n_kokusai_contents .information .bnr3_block 
	{
	border:1px solid #ddd;display:block;background-color:#FFE28C;
	padding:0;margin:0;
	text-align:center;
	height:140px;width:398px;}
#n_kokusai_contents .information .bnr3_block .sub_ttl3
	 { background-color:#FFE28C;color:black;
	font-size:16px; font-weight:bold;  }
.cle_ttb3
	{clear:both;width:100%;background-color:#FFE28C;}
#ttb3 ul {list-style:none;text-align:center;
	padding:0;margin:0;background-color:#FFE28C;color:black;
	font-size:13px;font-weight:bold;}
#ttb3 ul li {
	list-style:none;padding:0;margin:0;background-color:#FFE28C;color:black;
	font-size:13px;font-weight:bold;
	float:left;
	width:25%;
	 }
#ttb3 ul li a {text-decoration:none;} 

.orspac {background-color:#FFE28C;height:10px;width:100%;}

.whtpac {background-color:white;height:18px;width:100%;} 

/*kikou Original 2011_12  henkou */
.title3 { color:black; }

#n_kokusai_contents .information .a0 .content { width:608px;height:100px;overflow-y:auto;line-height:1.8em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd;margin:0;padding:0; }
#n_kokusai_contents .information .arrow2       {width:95%;padding:0;margin-top:3px;indent:2em; }