@charset "UTF-8";

/***************************************************************************************************
	"View Grant" - /css/style.css
***************************************************************************************************/


/** Element **************************************************************************** |START| **/
*{
	font-size:100.01%;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProW3", Osaka, Verdana, sans-serif;
}

body, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, 
table, th, td, caption, address, form, fieldset, legend, hr{
	margin:0;
	padding:0;
}

body{
	background:#F0F0F0;
	color:#4D4D4D;
	font-size:13px;
}

h1, h2, h3, h4, h5, h6, p, dt, dd, li, th, td, caption, address{font-size:92%;}
td p, td th, td td, td li, td dt, td dd, dd p, dd li, dd dt, dd dd, li li{font-size:100%;}

table, th, td{
	border:0;
	text-align:left;
}

dt{font-weight:bold;}

li{list-style-type:none;}

address, em{font-style:normal;}

hr{display:none;}

a:link{color:#CC0000;}
a:visited{color:#D83A3A; text-decoration:none;}
a:hover, a:active{color:#CC0000; text-decoration:none;}

img{
	border:0;
	vertical-align:top;
}

a, img{outline:none;}

fieldset{border:0;}
legend{display:none;}


/** |END| ****************************************************************************** Element **/


/** Common ***************************************************************************** |START| **/
.mainArea:after, .clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.mainArea{
	padding-top:24px;
	background:#FFFFFF;
}
.mainInner{
	width:880px;
	margin:0 auto;
	line-height:1.4;
	text-align:left;
}

.mainInner p, .mainInner ul, .mainInner ol, .mainInner dl{padding-bottom:10px;}
.mainInner table{margin-bottom:10px;}



/**============================================================= Head Area ==**/
.headArea{
	padding-bottom:4px;
	background:transparent url("../images/bg_headArea.gif") no-repeat center bottom;
}
.headInner1{
	border-bottom:1px solid #CC0000;
	background:#FDFDFD;
}
.headInner2{
	width:882px;
	margin:0 auto;
	text-align:left;
}
.headInner2:after{
	content:"";
	display:block;
	clear:both;
}

/**------------------------------------------ SEO text --**/
.headArea .seoTxt{
	padding:8px 2px 4px 0;
	font-weight:normal;
	text-align:right;
}

/**---------------------------------------------- Logo --**/
.headArea .siteLogo{
	float:left;
	width:300px;
}
.headArea .siteLogo img{margin:0 0 9px 9px;}


/**------------------------------------------ Sub Menu --**/
.hdSubMnu{
	float:right;
	width:445px;
	text-align:right;
}

.hdSubMnu address{padding:7px 0 10px 0;}

ul.inlineList li{display:inline;}
.hdSubMnu ul.inlineList{padding-bottom:7px;}
.hdSubMnu ul.inlineList li{padding-left:14px;}


/**--------------------------------------- Bread Crumb --**/
ul.breadCrumb{padding-bottom:18px;}
ul.breadCrumb li{
	display:inline;
	margin-right:0.5em;
}
ul.breadCrumb li a{margin-right:0.6em;}



/**=========================================================== Global Menu ==**/
.globalMnu{
	width:884px;
	margin:6px auto 0 auto;
	height:37px;
	text-align:left;
}

/**------------------------------------------ 1st Menu --**/
ul.globalMnuList{
	z-index:10;
	position:relative;
	width:884px;
	height:37px;
}
ul.globalMnuList:after{
	content:"";
	display:block;
	clear:both;
}

ul.globalMnuList li{
	z-index:99;
	position:relative;
	float:left;
	height:37px;
}
ul.globalMnuList li a{
	display:block;
	height:37px;
	background-repeat:no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}
ul.globalMnuList li a:link, ul.globalMnuList li  a:visited{background-position:left top;}
ul.globalMnuList li a:hover, ul.globalMnuList li a:active{background-position:left bottom;}
ul.globalMnuList li a.globalActiveLink{background-position:left bottom !important;}

ul.globalMnuList li#Country{width:222px;}
ul.globalMnuList li#Country a{background-image:url("../images/mnu_gl_country.gif");}

ul.globalMnuList li#Purpose{width:220px;}
ul.globalMnuList li#Purpose a{background-image:url("../images/mnu_gl_purpose.gif");}

ul.globalMnuList li#Support{width:220px;}
ul.globalMnuList li#Support a{background-image:url("../images/mnu_gl_support.gif");}

ul.globalMnuList li#Contact{width:222px;}
ul.globalMnuList li#Contact a{background-image:url("../images/mnu_gl_contact.gif");}



/**------------------------------------------ 2nd Menu --**/
.globalMnuBox{
	z-index:200;
	position:absolute;
	top:28px;
	left:4px;
	display:none;
	width:212px;
}
ul.globalMnuList li#Country .globalMnuBox{left:6px;}

.localMnu{
	width:212px;
	padding-top:14px;
	background:transparent url("../images/bg_localMnu_top.png") no-repeat left top;
}
.localMnu ul{
	width:auto;
	padding:6px 8px 9px 8px;
	background:transparent url("../images/bg_localMnu.png") no-repeat left bottom;
}

.localMnu ul li{
	z-index:202;
	position:static !important;
	float:none !important;
	height:auto;
	background:transparent!important;
}
.localMnu ul li a{
	display:block;
	height:auto;
	padding:9px 3px 9px 5px;
	text-indent:0;
}
.localMnu ul li a:link, 
.localMnu ul li a:visited{background:transparent url("../images/bg_dotLine.gif") repeat-x left bottom !important;}
.localMnu ul li a:hover, 
.localMnu ul li a:active{background:transparent url("../images/bg_mnuList_on.gif") repeat-x left top !important;}

.localMnu ul li a span{padding-left:13px;}
.localMnu ul li a:link span, .localMnu ul li a:visited span{
	background:transparent url("../images/icn_arrow.gif") no-repeat 0 0;
	color:#242424;
}
.localMnu ul li a:hover span, .localMnu ul li a:active span{
	background:transparent url("../images/icn_arrow_on.gif") no-repeat 0 0;
	color:#FFFFFF;
}


/**============================================================= Foot Area ==**/
.footArea{
	padding-top:19px;
	background:#333333;
	color:#B3B3B3;
}
.footInner{
	width:864px;
	margin:0 auto;
	text-align:left;
}
.footInner:after{
	content:"";
	display:block;
	clear:both;
}

#skypedetectionswf{height:0;}/** comment内 **/


/**----------------------------- Foot Site Information --**/
dl.ftSiteInfo{
	float:left;
	width:195px;
	margin-right:16px;
	padding-bottom:8px;
	line-height:1.3;
}
dl.ftSiteInfo dt{padding:9px 0 18px 0;}


/**------------------------------------- Foot Sub Menu --**/
dl.ftMnuBox{
	float:left;
	width:200px;
	margin-right:20px;
	padding-bottom:8px;
	background:transparent url("../images/bg_dotALine.gif") repeat-y left top;
}
dl.ftLastMnuBox{margin-right:0;}

dl.ftMnuBox dt{padding:9px 0 15px 20px;}
dl.ftMnuBox dd{padding-left:20px;}

dl.ftMnuBox li{
	padding:0 0 5px 15px;
	background:transparent url("../images/icn_ftMnu.gif") no-repeat 1px 0.3em;
	line-height:1.3;
}
dl.ftMnuBox li a:link{color:#FFFFFF;}
dl.ftMnuBox li a:visited{color:#DDDDDD;}
dl.ftMnuBox li a:hover{color:#FFFFFF;}


/**----------------------------------------- Copyright --**/
.footArea .copyright{
	clear:both;
	width:auto;
	margin-top:19px;
	padding:11px 0 9px 0;
	background:#666666;
}

/**------------------------------------------ Page Top --**/
p.pageTop{
	clear:both;
	width:864px;
	margin:45px auto 0 auto;
	text-align:right;
}


/**============================================================ Right|Menu ==**/
.rightArea{
	width:208px;
	float:right;
	text-align:left;
}

/**---------------------------------------------- Menu --**/
ul.mnuList li{
	border-bottom:1px solid #FFFFFF;
	background:#F5F5F5;
}

ul.mnuList li a{
	display:block;
	padding:9px 11px 7px 13px;
	text-decoration:none;
}
ul.mnuList li a:link, ul.mnuList li a:visited{border-bottom:1px solid #DDDDDD;}
ul.mnuList li a:hover, ul.mnuList li a:active{background:transparent url("../images/bg_mnuList_on.gif") repeat-x left top;}

ul.mnuList li.lastCnts, ul.mnuList li.lastCnts a{
	border-bottom-right-radius:5px;	/** Opera **/
	border-bottom-left-radius:5px;	/** Opera **/
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
}
ul.mnuList li.lastCnts a:link, 
ul.mnuList li.lastCnts a:visited{border-bottom:1px solid #FFFFFF;}

ul.mnuList li a span{
	cursor:pointer;
	display:block;
	padding-left:13px;
	background-repeat:no-repeat;
	background-position:0 0.05em;
	line-height:1.25;
}
ul.mnuList li a:link span, ul.mnuList li a:visited span{
	background-image:url("../images/icn_arrow.gif");
	color:#242424;
}
ul.mnuList li a:hover span, ul.mnuList li a:active span{
	background-image:url("../images/icn_arrow_on.gif");
	color:#FFFFFF;
}


/**--------------------------------------- Banner Menu --**/
.bnrList li{margin-bottom:3px;}

.lined{background:transparent url("../images/bg_dotLine.gif") repeat-x left top;}


.dottedBox{
	margin-bottom:10px;
	padding:4px;
	background:transparent url("../images/bg_dot.gif") repeat left top;
}
.dottedBox .bnr{
	border:1px solid #FFFFFF;
	background:#FFFFFF;
}

/** Skype **/
#SkypeBnr{
	padding:7px 7px 8px 7px;
	background:#00BDF6;
	color:#FFFFFF;
	text-align:center;
}
#SkypeBnr dd{padding-top:4px;}

/** Google Search **/
#GoogleSearch{
	padding:7px 7px 6px 7px;
	text-align:right;
}
#GoogleSearch input#CustomSearch{
	width:178px;
	margin-bottom:3px;
}


/**==================================================== Left|Main Contents ==**/
.leftArea{
	float:left;
	width:658px;
}
.leftArea:after{
	content:"";
	display:block;
	clear:both;
}

.leftInner{
	padding:18px 0 15px 0;
	border-bottom-right-radius:5px;	/** Opera **/
	border-bottom-left-radius:5px;	/** Opera **/
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	background:#F5F5F5;
}


/**--------------------------------------------- Title --**/
.title{
	padding:6px 6px 5px 7px;
	border:1px solid #ECECEC;
	border-bottom:1px solid #CC0000;
	background:#FFFFFF url("../images/bg_title.gif") repeat-x left bottom;
}
.title span{
	display:block;
	padding:3px 0 3px 12px;
	background:transparent url("../images/icn_title.gif") no-repeat left top;
	color:#111111;
	font-weight:bold;
	line-height:1.2;
}

/** Lead **/
div.leadTitle{text-align:center;}

dl.leadTitle{
	padding-top:20px;
	background:#333333;
	color:#C2C2C2;
}
dl.leadTitle dt, dl.leadTitle dd{padding:0 20px 8px 20px;}


/**-------------------------------------- Contents Box --**/
.cntsBox{
	width:616px;
	margin:0 auto 10px auto;
	padding-bottom:5px;
	background:#FFFFFF url("../images/bg_cntsBox_btm.gif") no-repeat left bottom;
}
.cntsBoxInner{
	width:616px;
	padding-top:14px;
	background:transparent url("../images/bg_cntsBox_top.gif") no-repeat left top;
}

/** Contents Title **/
.cntsTitle{
	padding:0 0 15px 28px;
	background:transparent url("../images/icn_cntsTitle.gif") no-repeat 0 0em;
	color:#111111;
	font-size:108%;
	line-height:1.2;
}

/** Contents Box **/
.cnts{
	width:568px;
	margin:0 20px 0 28px;
}

/**-------------------------------- Accordion Contents --**/
.trigger{
	width:90px;
	margin:0 20px 0 auto;
	padding:0;
}
.trigger a{
	display:block;
	width:90px;
	height:15px;
	outline:none;
	background:transparent url("../images/btn_trigger.gif") no-repeat right bottom;
	font-size:0;
	text-decoration:none;
	text-indent:-9999px;
}
.active a{background-position:right top !important;}


/** Toggle Contents **/
.more{
	display:none;
	width:auto;
	background:transparent url("../images/bg_dashLine.gif") repeat-x left top;
}


/**------------------------------------ Foot Index Box --**/
.indexBox{
	width:637px;
	margin:0 10px 0 11px;
}
.indexBox:after{
	content:"";
	display:block;
	clear:both;
}

/** 2Box **/
.indexBox .index2BoxInner{width:312px;}

/** 4Box **/
.indexBox .index4BoxInner{width:155px;}
.indexBox .leftBox{margin-right:4px;}

.indexBox .index4BoxInner ul{margin:3px 2px 0 1px;}


/**---------------------------------- Lead menu Banner --**/
.leadBnrBox{
	width:324px;
	margin-bottom:8px;
}
.leadBnrInner{
	width:auto;
	border:1px solid #E5E5E5;
}
.leadBnrInner:after{
	content:"";
	display:block;
	clear:both;
}
/** IE7 **/
*:first-child+html .leadBnrInner{width:322px;}


.leadBnrBox .leftBox{width:108px;}
.leadBnrBox .leftBox img{margin:4px 0 4px 4px;}

.leadBnrBox .rightBox{width:204px;}

.leadBnrBox dl, .leadBnrBox ul{padding:0 10px 0 0;}
.leadBnrBox dt{padding-top:8px;}
.leadBnrBox dd{
	padding:4px 0 4px 2px;
	font-size:83%;
}
.leadBnrBox li{
	margin-left:1em;
	padding-left:8px;
	background:transparent url("../images/icn_arrow_s.gif") no-repeat 0 0.1em;
	font-size:83%;
	line-height:1.1;
}
.leadBnrBox li a:link, .leadBnrBox li a:visited{color:#242424;text-decoration:none;}
.leadBnrBox li a:hover, .leadBnrBox li a:active{color:#D83A3A;text-decoration:none;}




/**==================================================== Other Common Parts ==**/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}

.mb0{margin-bottom:0 !important;}
.mb2{margin-bottom:2px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}


.leftBox{float:left;}
.rightBox{
	float:right;
	text-align:left;
}

.center{text-align:center;}
.right{text-align:right;}

.small{
	font-size:86%;
	line-height:1.3 !important;
}

/** Attention **/
.noticeBox{
	margin-bottom:15px;
	padding:12px 10px 12px 10px;
	border:1px solid #FBCECE;
	background:#FFF0F0;
}

ol.numList{margin-left:18px;}
*:first-child+html ol.numList{margin-left:23px;}

ol.numList li{
	list-style-type:decimal;
	margin-bottom:2px;
}

ul.noticeList li{
	margin-left:1em;
	text-indent:-1em;
}


/** Button Box **/
.btnBox{
	width:auto;
	margin-bottom:18px;
	padding-bottom:3px;
	background:#E0E0E0 url("../images/bg_btnBox_btm.gif") no-repeat center bottom;
	text-align:center;
}
.btnBox .btnBoxInner{
	padding:8px 4px 5px 4px;
	background:transparent url("../images/bg_btnBox_top.gif") no-repeat center top;
	line-height:1;
}
.btnBox img, .btnBox input{margin:0 4px;}


/** Fee Table **/
table.feeTable{
	width:100%;
	margin-top:3px;
	border-top:1px solid #D0D0D0;
}
table.feeTable th{
	border-left:1px solid #D0D0D0;
	font-weight:normal;
}
table.feeTable th, table.feeTable td{
	padding:6px 8px 5px 8px;
	border-right:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
	text-align:center;
}

table.feeTable thead th, table.feeTable thead td{
	background-color:#CC0000;
	color:#FFFFFF;
}
table.feeTable tbody th{text-align:left;}


/** Content Table **/
table.contentTable{
	width:100%;
	margin-top:3px;
	border-top:1px solid #D0D0D0;
}
table.contentTable th{
	border-left:1px solid #D0D0D0;
	font-weight:normal;
}
table.contentTable th, table.contentTable td{
	padding:6px 8px 5px 8px;
	border-right:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
	text-align:left;
}

table.contentTable thead th, table.contentTable thead td{
	background-color:#CC0000;
	color:#FFFFFF;
}
table.contentTable tbody th{text-align:left;}


/** |END| ******************************************************************************* Common **/