﻿/*-------------------------------------------------------

Author:   Satoko Masaki <info@dream-creation.co.jp> Dream Creation
Version:  17 December 2008

-------------------------------------------------------*/





/* base
---------------------------------------------------------------------- */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	text-decoration: none;
	color: #0033FF;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
}

#wrap {
	text-align: center;
}

* html ##header_inner #Logo img{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
	margin-top: 20px;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


/* header
---------------------------------------------------------------------- */

#header {
	background-image: url(../img/title_background.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 150px;
}

#header_inner #Logo {
	width: 460px;
	float: left;
}

#header_inner #header_right {
	float: right;
	font-size: 12px;
	color: #333333;
	text-align: right;
}

#header_right #sitemap {
	margin-bottom: 10px;
}

#header_inner #header_left {
	float: left;
	width: 400px;

}


#header h1 {
	font-size: 10px;
	color: #666666;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 30px;
}

#header p {
	font-size: 10px;
	color: #666666;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: bold;
}

#header_inner {
	width: 800px;
	clear: both;
	height: auto;
	text-align: center;
	margin: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header_right #contact-Tel {
	font-size: 12px;
	color: #999999;
	width: 160px;
}

#header_right #contact-Tel p {
	margin: 0px;
}

#header_right #sitemap img {
}

#header_right #contact-Mail {
	height: 34px;
}






/* main
---------------------------------------------------------------------- */
#mainFlash {
	height: 360px;
	margin-top: 10px;
}



#main-inner {
	width: 800px;
	margin: auto;
	padding: 0px;
	clear: both;
}

#main-inner #content {
	width: 543px;
	float: left;
	margin-right: 20px;
	padding-bottom: 100px;
}


#main-inner #content h2 {
	background-image: url(../img/img-idx-h2.gif);
	height: 47px;
	width: 543px;
	display: block;
	color: #333333;
	text-align: left;
	padding-left: 28px;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-top: 14px;
	margin-bottom: -10px;
}

#content p {
	line-height: 25px;
	font-size: 14px;
	color: #333333;
}

#content #index-jp_visa {
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 50px;
}

#content #index-jp_visa2 {
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 50px;
}

#content #index-ticket_hotel {
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 50px;
}

#content #index-transportation {
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 50px;
}

#content #index-finance {
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 50px;
}

#content #index-ask {
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 50px;
}
.btn-idx-click {
	background-image: url(../img/btn-idx-click.gif);
	height: 39px;
	width: 133px;
	text-indent: -9999px;
	float: right;
}
.btn-idx-click a {
	height: 39px;
	width: 133px;
	float: right;
}
.btn-idx-click a:hover {
	height: 39px;
	width: 133px;
	float: right;
	background-image: url(../img/btn-idx-click-o.gif);
}



/* 下層content_ */
#main-inner #content_ {
	width: 480px;
	float: right;
	padding-bottom: 100px;
	text-align: left;
	margin-left: 20px;
	margin-top: 30px;
}

#content_ h1 {
	background-image: url(../img/img-h1-bg.gif);
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 11px;
	padding-left: 26px;
	font-size: 24px;
	color: #333333;
	margin-bottom: -1px;
}
#content_ h2 {
	background-image: url(../img/img-h2-bg.gif);
	height: 45px;
	width: 480px;
	padding-top: 11px;
	padding-left: 26px;
	font-size: 18px;
	color: #333333;
	background-repeat: no-repeat;
	margin-bottom: -1px;
}
#content_ h3 {
	background-image: url(../img/img-h3-bg.gif);
	height: 40px;
	width: 480px;
	padding-top: 11px;
	padding-left: 26px;
	font-size: 14px;
	color: #333333;
	background-repeat: no-repeat;
	margin-bottom: -1px;
}
#content_ h4 {
	background-image: url(../img/catmenu_list-top.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: -10px;
	margin-top: 60px;
}
#content_ li {
	background-image: url(../img/catmenu_list-sub.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	list-style-type: none;
}
#content_ #Lower-jp_visa p {
	font-size: 12px;
	color: #333333;
	line-height: 25px;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 1px;
}

#content_ #Lower-frow p {
	font-size: 12px;
	color: #333333;
	line-height: 25px;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 1px;
}

#content_ #Lower-Attention p {
	font-size: 12px;
	color: #333333;
	line-height: 25px;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 1px;
}

#content_ #Lower-Attention_2 p {
	font-size: 12px;
	color: #333333;
	line-height: 25px;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 1px;
}

#content_ #Lower-Attention_3 p {
	font-size: 12px;
	color: #333333;
	line-height: 25px;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 1px;
}

#content_ #Lower-jp_visa {
	margin-bottom: 50px;
}
#content_ #Lower-frow {
	margin-bottom: 50px;
}
#content_ #Lower-Attention {
	margin-bottom: 50px;
}






/* side
---------------------------------------------------------------------- */
#main-inner #side {
	float: left;
	width: 237px;
	padding-bottom: 100px;
	text-align: left;
}

#side h3 {
	background-image: url(../img/img-idx-h3.gif);
	height: 43px;
	width: 237px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding-top: 15px;
	padding-left: 40px;
	background-repeat: no-repeat;
}



/* 下層side_ */
#main-inner #side_ {
	float: left;
	font-size: 12px;
	color: #333333;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#main-inner #topic_path {
	height: 10px;
	clear: both;
	margin-bottom: 12px;
	text-align: left;
	font-size: 10px;
	margin-left: -40px;
}

#main-inner topic_path ul {
	display: inline;
}

#main-inner #topic_path li {
	float: left;
	list-style-type: none;
	padding-left: 10px;
	text-align: left;
}
#main-inner #topic_path li a {
	background-image: url(../img/topicpath.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 5px;
}  


#side_ #side_inner {
	text-align: left;
	width: 296px;
	border: 1px solid #CCCCCC;
}

#side_ #side_inner_2 {
	text-align: left;
	width: 296px;
	border: 1px solid #CCCCCC;
}

#side dt {
	font-size: 12px;
	color: #666666;
	padding-left: 10px;
	margin-bottom: 5px;
}
#side dd {
	font-size: 12px;
	text-align: left;
	margin-left: -1px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-bottom: 5px;
	text-decoration: none;
}












/* footer
---------------------------------------------------------------------- */
#footer {
	font-size: 24px;
	clear: both;
	padding-top: 80px;
	padding-bottom: 30px;
}


address {
	font-size: 70%;
	font-weight: bold;
	text-align: center;
}

#footer li {
	font-size: 12px;
	margin-left: 10px;
	list-style-type: none;
	display: inline;
}
#footer #bak {
	text-align: right;
	width: 740px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	margin: auto;
}


#footer #inner {
	margin: auto;
	width: 740px;
	border: 1px solid #999999;
	padding: 20px;
}
#footer address {
	font-size: 14px;
	color: #999999;
	font-style: normal;
	margin-top: 20px;
}


#footer ul {
	margin: 0px;
	padding: 0px;
}






/* navigation
---------------------------------------------------------------------- */

#navigation {
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../img/navi_background.jpg);
	background-repeat: repeat-x;
	text-align: center;
	clear: both;
	height: 63px;
}

#navigation #navi_inner {
	background-repeat: no-repeat;
	text-align: left;
	width: 800px;
	font-size: 12px;
	color: #333333;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../img/navi.jpg);
	margin: auto;
	padding-top: 0px;
}


ul#menu{
	list-style:none;
	display: inline;
}

ul#menu ul{
	list-style:none;
}

ul#menu li{
	list-style:none;
	float: left;
	margin-top: 11px;
	height: 49px;
}
ul#menu a{
	overflow:hidden;
	height: 49px;
	display: block;
}
a.home{
	float: left;
	width: 70px;
	display: inline;
	padding-top: 15px;
	margin-right: 2px;
	background-image: url(../img/navi_o_a.gif);
	background-repeat: no-repeat;
	margin-bottom: -10px;
	text-align: center;
}
a:hover.home{
	background-image: url(../img/navi_o_a.gif);
	background-repeat: no-repeat;
}



a.finance{
	float: left;
	width: 97px;
	text-align: center;
	display: inline;
	padding-top: 15px;
	margin-right: 1.5px;
	background-image: url(../img/navi_o_b_2.gif);
	background-repeat: no-repeat;
}


a:hover.finance{
	background-image: url(../img/navi_o_b.gif);
	background-repeat: no-repeat;
}


a.emigration{
	float: left;
	width: 70px;
	text-align: center;
	display: inline;
	padding-top: 15px;
	margin-right: 2px;
	background-image: url(../img/navi_o_a_2.gif);
	background-repeat: no-repeat;
}
a:hover.emigration{
	background-image: url(../img/navi_o_a.gif);
	background-repeat: no-repeat;
}


a.transportation{
	float: left;
	text-align: center;
	display: inline;
	padding-top: 15px;
	margin-right: 1.5px;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(../img/navi_o_c_2.gif);
	background-repeat: no-repeat;
}
a:hover.transportation{
	background-image: url(../img/navi_o_c.gif);
	background-repeat: no-repeat;
}

a.japanese_visa{
	float: left;
	width: 97px;
	text-align: center;
	display: inline;
	margin-right: 1.5px;
	padding-top: 15px;
	background-image: url(../img/navi_o_b_2.gif);
	background-repeat: no-repeat;
}
a:hover.japanese_visa{
	background-image: url(../img/navi_o_b.gif);
	background-repeat: no-repeat;
}


a.translation{
	float: left;
	width: 70px;
	text-align: center;
	display: inline;
	padding-top: 15px;
	margin-right: 2px;
	background-image: url(../img/navi_o_a_2.gif);
	background-repeat: no-repeat;
}
a:hover.translation{
	background-image: url(../img/navi_o_a.gif);
	background-repeat: no-repeat;
}


a.interpreter{
	float: left;
	width: 70px;
	text-align: center;
	display: inline;
	padding-top: 15px;
	background-image: url(../img/navi_o_a_2.gif);
	background-repeat: no-repeat;
}
a:hover.interpreter{
	background-image: url(../img/navi_o_a.gif);
	background-repeat: no-repeat;
}


a.various_ID{
	float: left;
	width: 70px;
	text-align: center;
	display: inline;
	padding-top: 15px;
	margin-right: 1.5px;
	background-image: url(../img/navi_o_a_2.gif);
	background-repeat: no-repeat;
}
a:hover.various_ID{
	background-image: url(../img/navi_o_a.gif);
	background-repeat: no-repeat;
}


a.ticket_hotel{
	float: left;
	width: 97px;
	text-align: center;
	display: inline;
	padding-top: 15px;
	margin-right: 1.5px;
	background-image: url(../img/navi_o_b_2.gif);
	background-repeat: no-repeat;
}

a:hover.ticket_hotel{
	background-image: url(../img/navi_o_b.gif);
	background-repeat: no-repeat;
}





/* navigation(下層ページ内左メニュー)
---------------------------------------------------------------------- */
#side_inner h3 {
	background-image: url(../img/catmenu_list-menu.gif);
	width: 296px;
	padding-left: 35px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #333333;
	padding-top: 7px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: -1px;
}


#side_inner ul {
	list-style:none;
	padding:0px;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#side_inner li {
	list-style-type: none;
	height: 46px;
	width: 296px;
	display: block;
}
#side_inner a {
	height: 46px;
	width: 296px;
	display: block;
}




#side_submenu{
	list-style:none;
	text-align: left;
	display: inline;
	height: 50px;
}
#side_submenu a {
	height: 10px;
	width: 240px;
	display: block;
}
#side_submenu ul {
	display: inline;
}

#side_submenu p {
	background-image: url(../img/catmenu_list-icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	margin-left: 10px;
	margin-top: 7px;
	margin-bottom: 7px;
}


a.side_sub_document {
	background-image: url(../img/catmenu_list-icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
a.side_sub_register {
	background-image: url(../img/catmenu_list-icon.gif);
	background-repeat: no-repeat;
	background-position: left;
}



a.side_home {
	background-image: url(../img/catmenu_list-bg.gif);
	padding-top: 15px;
	padding-left: 35px;
	background-repeat: no-repeat;
	}
a:hover.side_home {
	background-image: url(../img/catmenu_list-bg.gif);
	padding-top: 15px;
	padding-left: 35px;
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	}	
	
	
a.side_jp_visa {
	background-image: url(../img/catmenu_list-bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 35px;
}
a:hover.side_jp_visa {
	background-image: url(../img/catmenu_list-bg.gif);
	padding-top: 15px;
	padding-left: 35px;
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	}

a.side_ticket_hotel {
	background-image: url(../img/catmenu_list-bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 35px;
}
a:hover.side_ticket_hotel {
	background-image: url(../img/catmenu_list-bg.gif);
	padding-top: 15px;
	padding-left: 35px;
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	}

a.side_transportation {
	background-image: url(../img/catmenu_list-bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 35px;
}
a:hover.side_transportation {
	background-image: url(../img/catmenu_list-bg.gif);
	padding-top: 15px;
	padding-left: 35px;
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	}

a.side_finance {
	background-image: url(../img/catmenu_list-bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 35px;
}
a:hover.side_finance {
	background-image: url(../img/catmenu_list-bg.gif);
	padding-top: 15px;
	padding-left: 35px;
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	}

a.side_emigration {
	background-image: url(../img/catmenu_list-bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 35px;
}
a:hover.side_emigration {
	background-image: url(../img/catmenu_list-bg.gif);
	padding-top: 15px;
	padding-left: 35px;
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	}

a.side_various_ID {
	background-image: url(../img/catmenu_list-bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 35px;
}
a:hover.side_various_ID {
	background-image: url(../img/catmenu_list-bg.gif);
	padding-top: 15px;
	padding-left: 35px;
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	}

a.side_translation_interpreter {
	background-image: url(../img/catmenu_list-bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 35px;
}
a:hover.side_translation_interpreter {
	background-image: url(../img/catmenu_list-bg.gif);
	padding-top: 15px;
	padding-left: 35px;
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	}
	
	
	
	
	

