/*////////// .altimg //////////*/
.altimg {
	font-size: 0;
	text-indent: -9999px;
}
.altimg a {
	display: block;
	width: 100%;
	height: 100%;
}
/*////////// .clearfix //////////*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}

#contents {
	display: table;
	border-top: 8px solid #ff6600;
	border-bottom: 8px solid #ff6600;
	width: 1000px;
	background-repeat: no-repeat;
}

/* contents-body */
#contents-body {
	display: table-cell;
	width: 790px;
	height: 300px;
	padding-bottom: 100px;
	background-color: #ffffff;
}
#contents-side {
	display: table-cell;
	width: 209px;
	border-left: solid 1px #98bfe9;
	background-color: white;
	background-color: rgba(255,255,255,0.9);
	vertical-align: top;
}


/* contents-body head */
#contents-body h2 {
	width: 790px;
	height: 100px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url("../../images/begin/head_title_bg.png");
}
#contents-body h2 img {
	margin-left: 50px;
}
#contents-side ul {
	margin: 0;
	padding: 0;
}
#contents-side li {
	width: 208px;
	height: 79px;
	list-style-type: none;
	border-bottom: solid 1px #98bfe9;
}
#contents-side li.on,
#contents-side li:hover {background-color: rgba(255,255,255,1);}
#contents-side li#sideMenu1 {height: 90px; background-image: url("../../images/begin/sideMenu1.png");}
#contents-side li#sideMenu2 {background-image: url("../../images/begin/sideMenu2.png");}
#contents-side li#sideMenu3 {background-image: url("../../images/begin/sideMenu3.png");}
#contents-side li#sideMenu4 {background-image: url("../../images/begin/sideMenu4.png");}
#contents-side li#sideMenu5 {background-image: url("../../images/begin/sideMenu5.png");}
#contents-side li#sideMenu6 {background-image: url("../../images/begin/sideMenu6.png");}
#contents-side li#sideMenu7 {background-image: url("../../images/begin/sideMenu7.png");}


/* top */
#contents-body.top h2 img {margin: 0;}
#contents-body.top h2 {background: none;}
#about-text {
	float: left;
	width: 455px;
	margin: 0 0 0 32px;
	padding: 0 0 30px 0;
	font-size: 105%;
}
#contents-body.top h3 {
	width: 470px;
	height: 120px;
	margin: 0;
	padding: 0;
}
#contents-body.top p {
	padding-left: 10px;
	text-align: justify;
}
#about-pic {
	float: right;
	width: 238px;
	height: 710px;
	margin: 0 20px 0 0;
}

/* appeal */
#contents-body.appeal .block {
	position: relative;
	left: 0;
	top: 0;
	width: 685px;
	min-height: 230px;
	margin: 20px auto;
	padding: 40px 0 10px;
	background: url("../../images/begin/appeal_line.png") no-repeat left top;
}
#contents-body.appeal h2 + .block {
	background: none;
}
#contents-body.appeal .block .txt-box {width: 388px;}
#contents-body.appeal .block .leftArea {
	float: left;
	margin-left: 24px;
}
#contents-body.appeal .block .rightArea {
	float: right;
	margin-right: 24px;
}
#contents-body.appeal .block h3 {margin-bottom: 20px;}
#contents-body.appeal .block p {
	line-height: 1.6em;
	font-size: 105%;
	text-align: justify;
}
#contents-body.appeal .block p.pic {
	width: 207px;
	height: 207px;
}

/* point */
#contents-body.point h3,
#contents-body.point p {
	width: 711px;
	margin: 0 auto 20px;
	padding: 0;
}
#contents-body.point p#read {
	margin: 30px auto;
}
#contents-body.point h3 {
	height: 40px;
}
#contents-body.point p.txt {
	margin-bottom: 60px;
	line-height: 1.6em;
	font-size: 110%;
	text-align: justify;
}

/* flow */
#contents-body.flow p#read {
	width: 710px;
	margin: 30px auto 15px;
	line-height: 1.6em;
	font-size: 105%;
	text-align: justify;
}

#flowArea ul {
	margin: 0;
	padding: 0;
	background: url("../../images/begin/flow_line.png") no-repeat center bottom;
}
#flowArea li {
	width: 710px;
	margin: 0 auto;
	padding: 2% 0;
	list-style-type: none;
	background: url("../../images/begin/flow_line.png") no-repeat center top;
}
#flowArea li div {
	display: table-cell;
	vertical-align: middle;
}
#flowArea li div.step {
	width: 35%;
	margin-left: 3%;
}
#flowArea li div.step_text {
	width: 55%;
	margin: 0;
	padding: 0;
}
#flowArea li div.step_text p {
	font-size: 130%;
	line-height: 1.8em;
}
#flowArea li div.step_text p.ex {
	font-size: 95%;
	color: #727171;
	line-height: 1.6em;
}
#flow_search_btn {
	margin-top: 10%;
	text-align: right;
}

/* choice */
#contents-body.choice #tab {
	width: 690px;
	margin: 30px auto;
	padding: 0 0 20px;
	background: url("../../images/begin/choice_line.png") no-repeat center bottom;
}
#contents-body.choice #tab li {
	display: table-cell;
	width: 170px;
	height: 47px;
	background-position: 0 0;
	cursor: pointer;
	border-right: solid 2px #cfe7f1;
}
#contents-body.choice #tab li:first-child {border-left: solid 2px #cfe7f1;}
#contents-body.choice #tab li.selected,
#contents-body.choice #tab li:hover {background-position: 0 -47px;}
#contents-body.choice #tab li#topMenu1 {background-image: url("../../images/begin/choice_menu1.png");}
#contents-body.choice #tab li#topMenu2 {background-image: url("../../images/begin/choice_menu2.png");}
#contents-body.choice #tab li#topMenu3 {background-image: url("../../images/begin/choice_menu3.png");}
#contents-body.choice #tab li#topMenu4 {background-image: url("../../images/begin/choice_menu4.png");}

/* choice - block */
#contents-body.choice .block {
	width: 726px;
	margin: 0 auto;
	display: none;
}
#contents-body.choice .block.selected {
	display: block;
}
#contents-body.choice .block h3 {
	width: 400px;
	height: 30px;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 0;
	text-indent: -9999px;
}
#contents-body.choice .block#block1 h3 {background-image: url("../../images/begin/choice1_title.png");}
#contents-body.choice .block#block2 h3 {background-image: url("../../images/begin/choice2_title.png");}
#contents-body.choice .block#block3 h3 {background-image: url("../../images/begin/choice3_title.png");}
#contents-body.choice .block#block4 h3 {background-image: url("../../images/begin/choice4_title.png");}

#contents-body.choice p {
	width: 697px;
	margin: 20px auto;
	line-height: 1.6em;
	font-size: 105%;
	text-align: justify;
}
#contents-body.choice table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
#contents-body.choice th {
	font-size: 93%;
	color: #0274a1;
}
#contents-body.choice th.cap1 {width: 150px;}
#contents-body.choice th.cap2 {
	width: 188px;
	height: 49px;
	padding: 5px 4px;
	font-size: 0;
	text-indent: -9999px;
}

#contents-body.choice th#cap_title1 {background: url("../../images/begin/choice4_cap1.png") no-repeat center center;}
#contents-body.choice th#cap_title2 {background: url("../../images/begin/choice4_cap2.png") no-repeat center center;}
#contents-body.choice th#cap_title3 {background: url("../../images/begin/choice4_cap3.png") no-repeat center center;}
#contents-body.choice th,
#contents-body.choice td {
	padding: 15px 2px;
	text-align: center;
	font-size: 90%;
	border-right: solid 1px #a1dbff;
	border-bottom: dotted 1px #a1dbff;
}
#contents-body.choice td {vertical-align: top;}
#contents-body.choice td ul {
	margin: 0;
	padding: 0 5px 0 20px;
}
#contents-body.choice td li {
	text-align: left;
}
#contents-body.choice tr:last-child th,
#contents-body.choice tr:last-child td {
	padding: 5px 0;
	border-bottom: none;
}

/*==================== area ====================*/
#area-map {
	position: relative;
	width: 624px;
	height: 293px;
	margin: 40px auto;
}
#area-map ul {
	margin: 0;
	padding: 0;
}
#area-map .areaLink {
	position: absolute;
	list-style-type: none;
}
#area-map .areaLink#areamap1 {left: 435px; top: 32px; width: 92px; height: 92px;}
#area-map .areaLink#areamap2 {left: 251px; top: 163px; width: 92px; height: 92px;}
#area-map .areaLink#areamap3 {left: 507px; top: 125px; width: 92px; height: 92px;}
#area-map .areaLink#areamap4 {left: 178px; top: 105px; width: 76px; height: 76px;}
#area-map .areaLink#areamap5 {left: 45px; top: 50px; width: 92px; height: 92px;}
#area-map .areaLink#areamap6 {left: 286px; top: 88px; width: 66px; height: 66px;}
#area-map .areaLink#areamap7 {left: 195px; top: 6px; width: 92px; height: 92px;}
#area-map .areaLink a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(255,255,255,.01);
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
}
#area-map .areaLink a:hover {
	background-color: rgba(255,255,255,.3);
}

/*北米、オセアニア、中南米、中東、ヨーロッパ、日本、アジア（日本以外）*/

#area-list {
	text-align: center;
}
#area-list > div {
	display: inline-block;
	width: 30%;
	margin: 1%;
	text-align: left;
	vertical-align: top;
}
#area-list > div h4 {
	margin: 0;
}
#contents-body.choice #area-list > div p {
	width: auto;
	margin: 0.5em 0 0;
}

/*==================== season ====================*/
#season-table {
	width: 697px;
	margin: 40px auto;
}
#contents-body.choice #season-table table {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}
#contents-body.choice #season-table tbody td,
#contents-body.choice #season-table tbody th,
#contents-body.choice #season-table tr:last-child td,
#contents-body.choice #season-table tr:last-child th {
	padding: 0;
	border: solid 1px #a1dbff;
	vertical-align: middle;
}
#contents-body.choice #season-table thead tr:last-child th {
	color: #0274a1;
	font-style: italic;
	font-weight: normal;
	padding: 0.5em 0;
}
#season-table th:first-child {
	width: 220px;
}
#season-table td span {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 10px;
	font-size: 0;
}
#season-table tr.area1 td span{background-image: url(/src/images/begin/choice_season_bg1.png);}
#season-table tr.area2 td span{background-image: url(/src/images/begin/choice_season_bg2.png);}
#season-table tr.area3 td span{background-image: url(/src/images/begin/choice_season_bg3.png);}
#season-table tr.area4 td span{background-image: url(/src/images/begin/choice_season_bg4.png);}
#season-table tr.area5 td span{background-image: url(/src/images/begin/choice_season_bg5.png);}
#season-table tr.area6 td span{background-image: url(/src/images/begin/choice_season_bg6.png);}
#season-table tr.area7 td span{background-image: url(/src/images/begin/choice_season_bg7.png);}
#season-table tr.area8 td span{background-image: url(/src/images/begin/choice_season_bg8.png);}
#season-table tr.area9 td span{background-image: url(/src/images/begin/choice_season_bg9.png);}

/*==================== purpose ====================*/
#purpose-list {
	width: 697px;
	margin: 40px auto 0;
}
#purpose-list > div {
	padding: 30px;
	border-bottom: 1px solid #cce7f0;
}
#purpose-list > div:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
}
#purpose-list > div:first-child {
	border-top: 1px solid #cce7f0;
}
#purpose-list > div .text {
	float: left;
	width: 344px;
}
#purpose-list > div .imagepic {
	float: right;
	width: 194px;
}
#purpose-list > div:nth-child(2n) .text {
	float: right;
}
#purpose-list > div:nth-child(2n) .imagepic {
	float: left;
}

#purpose-list > div h4 {
	margin: 0;
}
#purpose-list > div .text p {
	margin: 1em 0 0;
	width: auto;
}

/*==================== atoz ====================*/
#atoz-contents {
	display: table;
	width: 96%;
	margin: 40px auto 0;
	table-layout: fixed;
}
#atoz-contents > div {
	display: table-cell;
	vertical-align: top;
	border-left: 1px solid #a1dbff;
	padding: 20px;
}
#atoz-contents > div:first-child {
	border-left: none;
}

#atoz-contents h3 {
	margin: 2em 0 0;
	text-align: center;
}
#atoz-contents > div > div:first-child h3 {
	margin-top: 0;
}
#atoz-contents h4 {
	border-top: 1px dotted #a1dbff;
	padding-top: 1em;
	font-size: 120%;
	text-align: center;
}
#atoz-contents h4:nth-of-type(1) {
	border-top: none;
	padding-top: 0;
}
#atoz-contents .category1 h4 {color: #a85a00;}
#atoz-contents .category2 h4 {color: #c42323;}
#atoz-contents .category3 h4 {color: #388700;}
#atoz-contents .category4 h4 {color: #f74d60;}
#atoz-contents .category5 h4 {color: #027dc9;}

#atoz-contents p {
	text-align: justify;
	line-height: 1.6;
}

/*==================== glossary ====================*/
#glossary-contents {
	width: 90%;
	margin: 40px auto 0;
}

#glossary-contents > div {
	border-bottom: 1px solid #a1dbff;
	padding: 20px 10px;
}
#glossary-contents > div:first-child {
	border-top: 1px solid #a1dbff;
}
#glossary-contents > div:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
}
#glossary-contents h4,
#glossary-contents p {
}
#glossary-contents h4 {
	float: left;
	box-sizing: border-box;
	width: 30%;
	margin: 0;
	border-left: 5px solid;
	padding-left: 0.5em;
	font-size: 110%;
	line-height: 1.4;
}
#glossary-contents .category1 h4 {border-color: #fcb900;}
#glossary-contents .category2 h4 {border-color: #2298e0;}
#glossary-contents .category3 h4 {border-color: #58b000;}
#glossary-contents .category4 h4 {border-color: #ff96bb;}
#glossary-contents .category5 h4 {border-color: #e485f5;}

#glossary-contents h4 span {
	display: block;
}
#glossary-contents h4 span:lang(ja) {
}
#glossary-contents h4 span:lang(en) {
	color: #999999;
	font-size: 85%;
	letter-spacing: 0.1em;
}

#glossary-contents p {
	float: right;
	width: 70%;
	margin: 0;
}