@import "layout-common.css";
@import "layout-column.css";
@import "layout-menu.css";



#info-base {
	background-color:#FFFFFF;
	width  : 860px;
	overflow: hidden;
}


/********************************************************************
  Home
*********************************************************************/
#hom-show {
	width :860px;
	height:370px;
}

.hom-infoarea {
	width:429px;
	height:246px;
	overflow:hidden; 
	float:left;
}

.hom-whatbox {
	width  : 419px;
	height : 194px;
	background-color:#FFFFFF;
	padding: 10px 5px 15px 5px; /* top right bottom left */
/*	border:1px solid #FF0000; */
	overflow-x:hidden; 
	overflow-y:auto;
}

.hom-pickupbox1 {
	float:left;
	width  : 200px;
	padding: 15px 5px 15px 5px;
}
.hom-pickupbox2 {
	width  : 417px;
	height : 203px;
	background-color:#FFFFFF;
	padding: 15px 0px 0px 13px; /* top right bottom left */
	overflow-x:hidden; 
	overflow-y:auto;
}

.hom-pickuptitle {
	
	font-weight: bold;
	padding: 0px 0px 8px 0px;
	
}

.hom-spy {
	background-color:#7F7F7F;
	background-repeat:repeat-y;
	height:246px;
	width:1px;
	float:left;
}

.hom-whatsp {
	padding-top: 6px; /* top right bottom left */
}

/********************************************************************
  Gallery
*********************************************************************/
#gal-map {
	width :860px;
	height:430px;
}
.gal-spy {
	background-color:#7F7F7F;
	background-repeat:repeat-y;
	overflow-x:hidden; 
	height:185px;
	width:1px;
	float:left;
}


.gal-datearea {
	width:320px;
	height:185px;
	float:left;
	overflow:hidden; 
/*	border: 1px solid #000000;  */
}
.gal-datebox {
	width  : 300px;
	height:184px;
	background-color:#FFFFFF;
	margin:2px;
	padding: 20px 3px 10px 15px; /* top right bottom left */
/*border: 1px solid #000000;   */
}
.gal-table {
	width  : 300px;
	background-color:#FFFFFF;
	margin:0px;
	padding: 3px 3px 0px 0px; /* top right bottom left */
/*	border: 1px solid #000000;   */
}

.gal-outarea {
	width:539px;
	overflow-x:hidden; 
	height:186px;
	float:left;
}
.gal-outbox {
	line-height:148%;
	width  : 474px;
	background-color:#FFFFFF;
	padding: 23px 24px 15px 23px; /* top right bottom left */
/*	border: 1px solid #000000;   */
}

.gal-placebox-en {
	width  : 280px;
	background-color:#FFFFFF;
	padding: 0px 5px 5px 5px; /* top right bottom left */
/*	border: 1px solid #000000;   */
}

#gal-headertitle1 {
	float:left;
	padding: 3px 0px 0px 0px; /* top right bottom left */
	width: 170px;
	font-size:12pt;
	font-weight: bold;
/*	border: 1px solid #FFFFFF;  */

}
#gal-headertitle2 {
	float:left;
	width: 45px;
	padding: 3px 0px 0px 0px; /* top right bottom left */
	font-size:12pt;
	font-weight: bold;
/*	border: 1px solid #FFFFFF;  */

}
#gal-headertitle3 {
	float:left;
	width: 60px;
	padding: 3px 0px 0px 0px; /* top right bottom left */
	font-size:12pt;
	font-weight: bold;
/*	border: 1px solid #FFFFFF;  */

}
#gal-selectyear {
	float:left;
	padding: 2px 0px 0px 0px; /* top right bottom left */
	width: 120px;
/*	border: 1px solid #FFFFFF;  */

}
#gal-routearea {
	float:left;
/*	width: 60px;*/
	font-size:9pt;
/*	font-weight: bold; */
	padding: 6px 0px 0px 0px; /* top right bottom left */
/*	border: 1px solid #FFFFFF;  */

}
#gal-yeararea {
	float:left;
	width: 210px;
	font-size:9pt;
/*	border: 1px solid #FFFFFF;  */

}

.gal-header2{

	color: #FFFFFF;	
	text-align:left;
	background-color:#132C32;
	background-repeat:no-repeat;
	padding: 3px 0px 0px 20px; /* top right bottom left */
/*	width: 100%;*/
	height : 29px;
	clear:both;
/*	border: 1px solid #FF0000;*/
	margin: 0;

}
.gal-areamenu2{
	text-align:left;
	vertical-align:middle;
	padding: 2px 0px 0px 20px; /* top right bottom left */
	background-image: url(../img/galareabk.gif);  
	background-repeat:repeat-x;
/*	width: 100%;*/
	height : 18px;
	margin: 0;
/*	border:1px solid #00FF00;*/
}

.gal-photoarea {
	width: 759px;
	height:100%;
	overflow: hidden;
/*	background-color:#FF0000;*/
/*	border: 1px solid #0000FF;  */
	padding : 0;
	margin: 0;

}
.gal-photoarea-tate {
	width: 890px;
	height:100%;
	overflow: hidden;
/*	background-color:#FF0000; */
/*	border: 1px solid #0000FF;  */
	padding : 0;
	margin: 0;
}


/********************************************************************
  Travel
*********************************************************************/
.tra-menuyear{
	width :190px;
	padding: 10px 1px 5px 1px; /* top right bottom left */
	
}

.tra-menulist {
	width :190px;
	padding: 0px 0px 0px 0px; /* top right bottom left */
	font-size: 8pt;

}

.tra-menulist2 {
	width :200px;
	padding: 0px 0px 10px 10px; /* top right bottom left */
	line-height:180%;
	font-size: 8pt;
	cursor:pointer;
	
}

ul.tra-menuitem {
	border: 0px solid #7F7F7F;
	margin:0px;
	padding: 5px 1px 1px 10px; /* top right bottom left */
	list-style:none;
	text-align:left;
	width:189px;
}

ul.tra-menuitem li{
	margin:0px;
	padding: 0px 0px 0px 0px; /* top right bottom left */
	overflow:hidden;
	height:22px;
	width:189px;
}

.tra-menuoff {
	color : #9B9B9B;
}

.tra-linkbox{
	width:258px;
	text-align:right;
	padding-left:3px;
}

.tra-linktitle{
	padding-left:2px;
	padding-top:4px;
}


/********************************************************************
  Work
*********************************************************************/
.wor-menuyear{
	width :205px;
	padding: 10px 1px 10px 1px; /* top right bottom left */
/*	border: 1px solid #FF0000;  */
	
}
.wor-menulist {
	width :200px;
	padding: 0px 0px 10px 10px; /* top right bottom left */
	line-height:180%;
	font-size: 8pt;
	
}

.wor-menuselect {
	width :190px;
	background-image: url(../img/select_back.gif);
	background-repeat:repeat-x;
	padding: 0px 0px 0px 10px; /* top right bottom left */
	cursor:pointer;
	line-height:180%;
	font-size: 8pt;
}

.wor-detailarea {
	width:546px;
	margin:0px;
	padding: 0px 0px; /* top right bottom left */
	overflow:hidden;
/*	border: 1px solid #FF00FF;   */
	
}
.wor-detailbox {
	width:544px;
	margin:0px;
	padding: 5px 5px; /* top right bottom left */
	overflow:hidden;
/*	border: 1px solid #FF00FF;   */
	
}

.wor-yahoo1{
	width:370px;
	margin:0px;
	padding: 5px 5px; /* top right bottom left */
	text-align:left;
	line-height:220%;

	
}
.wor-index-brank{
	height:340px;
	margin:0px;
	text-align:left;
	clear:both;
	
}
/********************************************************************
  Info
*********************************************************************/
.inf-profsp {
	width:25px;
	float:left;
/*	border: 1px solid #000000; */

}
.inf-area {
	width:580px;
	padding: 0px 45px 0px 45px; /* top right bottom left */
	overflow:hidden;
/*	border: 1px solid #FF0000;*/

}

.inf-profimg {
	
	width  : 250px;
	height : 250px;
	padding: 0px;
	margin: 0px;
	float:left;
	vertical-align:top;
/*	border: 1px solid #000000;  */

}
.inf-profoutline {
	width:298px;
	margin:0px;
	padding: 1px 0px 0px 10px; /* top right bottom left */
	float:right;
/*	border: 1px solid #FF0000;   */
	
}

.inf-workbox {
	width:280px;
	float:left;
/*	border: 1px solid #00FF00;  */

}
.inf-worksp {
	width:20px;
	float:left;
/*	border: 1px solid #000000;  */

}
.inf-workimg {
	width:256px;
	height : 170px;
	padding: 0px;
	margin: 0px;
	vertical-align:top;
	text-align:center;
/*	border: 1px solid #0000FF;  */
}
.inf-workoutline{
	width:260px;
	margin:  0px; /* top right bottom left */
	padding: 8px 0px 0px 0px; /* top right bottom left */
/*	border: 1px solid #FF0000; */
	
}
.inf-workoutline p{
	width:260px;
	height:95px;
	padding:0;
	margin: 0;
}

/********************************************************************
  link
*********************************************************************/
#lin-mainarea {
	width :627px;
	padding: 0px 35px 10px 35px; /* top right bottom left */
	margin:0px;
	float:left;
	overflow:hidden;
	text-align:center;
/*	border: 1px solid #FF0000;   */
}

.lin-linkarea {
	width:595px;
	padding: 0px 20px 0px 20px; /* top right bottom left */
	overflow:hidden;
/*	border: 1px solid #FF0000;  */
}

.lin-linkbox {
	width:278px;
	float:left;
/*	border: 1px solid #00FF00;  */

}
.lin-linksp {
	width:30px;
	float:left;
/*	border: 1px solid #000000;  */

}
.lin-linkimg {
	
	width:256px;
	height : 170px;
	padding: 0px;
	margin: 0px;
	vertical-align:top;
/*	border: 1px solid #0000FF; */

}

.lin-link400 {
	width:400px;
	float:left;
/*	border: 1px solid #000000;  */

}
.lin-link200 {
	width:200px;
	float:left;
	padding-top:2px;
/*	border: 1px solid #000000;  */

}

.b1{
	border: 1px solid #000000;  
}


/********************************************************************
  Shop
*********************************************************************/
.sho-infoarea {
	width:605px;
	margin:0px;
	padding: 30px 40px 10px 50px; /* top right bottom left */
	overflow:hidden;
/*	border: 1px solid #FF00FF;   */
}

.sho-itemarea {
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px;
	width:600px;
	height:220px;
/*	overflow:hidden;*/
/*	border: 1px solid #000000;  */

}
.sho-itemsp {
	width:30px;
	float:left;
/*	border: 1px solid #000000; */

}

.sho-indeximg {
	
	width  : 300px;
	height : 203px;
	padding: 0px;
	margin: 0px;
	float:left;
	vertical-align:top;
	text-align:center;
/*	border: 1px solid #000000;  */

}

.sho-outlinearea {
	width:285px;
/*	height:215px;*/
	margin:0px;
	padding: 1px 0px 0px 10px; /* top right bottom left */
	float:right;
/*	border: 1px solid #FF0000;   */
	
}

.sho-itemoutline {
	width:275px;
/*	height:180px;*/
	margin:0px;
	padding: 1px 0px 0px 10px; /* top right bottom left */
/*	border: 1px solid #FF0000;   */
	
}

.sho-detail {
	width:275px;
	height:22px;
	margin:0px;
	padding: 1px 0px 0px 10px; /* top right bottom left */
	clear:both;
	text-align:right;
/*	border: 1px solid #FF0000;   */
}
.sho-orignal-indeximg {
	
	width  : 300px;
	height : 203px;
	padding: 0px;
	margin: 0px;
	float:right;
	vertical-align:top;
	text-align:center;
/*	border: 1px solid #000000;  */

}
.sho-orignal-photo {
	
	width  : 300px;
	padding: 0px;
	margin: 0px;
	float:right;
	vertical-align:top;
	text-align:center;
/*	border: 1px solid #000000;  */

}

.sho-orignal-outlinearea {
	width:285px;
	height:210px;
	margin:0px;
	padding: 1px 0px 0px 10px; /* top right bottom left */
	float:left;
/*	border: 1px solid #FF0000;   */
	
}

.sho-orignal-itemoutline {
	width:275px;
	height:180px;
	margin:0px;
	padding: 1px 0px 0px 10px; /* top right bottom left */
/*	border: 1px solid #FF0000;   */
	
}


.sho-orignal-outlinearea2 {
	width:285px;
	margin:0px;
	padding: 1px 10px 0px 0px; /* top right bottom left */
	float:left;
/*	border: 1px solid #FF0000;   */
	
}

.sho-orignal-itemoutline2 {
	width:265px;
	margin:0px;
	padding: 1px 10px 0px 0px; /* top right bottom left */
	border: 1px solid #FF0000;   
	
}

.sho-titlearea {
	padding: 0px 10px 0px 0px; /* top right bottom left */
	margin: 0px;
	width:590px;
/*	border: 1px solid #000000;  */

}
.sho-itemarea2 {
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px;
	width:600px;
	overflow:hidden;
/*	border: 1px solid #000000;  */

}

.sho-orignal-outlinearea3 {
	width:580px;
	margin:0px;
	padding: 1px 10px 0px 10px; /* top right bottom left */
	float:left;
/*	border: 1px solid #FF0000;   */
	
}

.sho-orignal-itemoutline3 {
	width:580px;
	margin:0px;
	padding: 1px 10px 0px 10px; /* top right bottom left */
	border: 1px solid #FF0000;   
	
}


.sho-book-left {
	width:200px;
	margin:0px;
	padding: 1px 10px 0px 0px; /* top right bottom left */
	float:left;
/*	border: 1px solid #FF0000;   */
	
}

.sho-book-right {
	
	width  : 360px;
	padding: 0px;
	margin: 0px;
	float:right;
	vertical-align:top;
	text-align:left;
/*	border: 1px solid #000000;  */

}

/********************************************************************
  Ranking
*********************************************************************/

#ran-mainarea {
	width :690px;
	padding: 0 15px 0px 15px; /* top right bottom left */
	margin:0px;
	float:left;
	overflow:hidden;
	text-align:left;
/*	border: 1px solid #FF0000;    */
}

.ran-rank {
	width:40px;
	text-align : center;
	vertical-align : middle;
	font-weight: bold;
/*	border: 1px solid #0000FF; */
}
.ran-rankmark {
	width:100%;
	padding-bottom:10px;
}
.ran-no {
	width:100%;
}
.ran-votes {
	padding-top:20px;
	padding-bottom:10px;
	text-align : left;
	vertical-align : middle;
	font-size:13pt;
	font-weight: bold;
/*	border: 1px solid #0000FF;  */
}
.ran-votes-caps {
	font-size:11pt;
	font-weight: bold;
}
.ran-photo {
	width:175px;
	text-align : center;
	vertical-align : middle;
/*	border: 1px solid #000000;  */
}

.ran-bararea {
	width:420px;
	height:10px;
}
.bar {
	background: url(../img/bar.gif) no-repeat;
}
.ran-info{
	padding-left:3px;
	padding-top:15px;
	padding-bottom:5px;
}

.ran-good{
}

.ran-photono {
	text-align : left;
	padding-top:10px;
	padding-left:12px;
}
.ran-bottom {
	text-align : left;
	padding-top:8px;
	padding-left:0px;
}
.ran-left {
	float:left;
	text-align : left;
	padding-top:0px;
	padding-left:15px;
}

/********************************************************************
  Sitemap
*********************************************************************/

#sit-mainarea {
	width :700px;
	padding: 40px 79px 50px 79px; /* top right bottom left */
	margin:0px;
	float:left;
	overflow:hidden;
	text-align:left;
/*	border: 1px solid #FF0000;    */
}
.sit-mainbox {
	width:680px;
	padding : 30px 20px 30px 20px; /* top right bottom left */
	overflow:hidden;
/*	border: 1px solid #0000FF;  */
}

.sit-left {
	
	width :298px;
	padding-left : 10px; 
	float:left;
	text-align:left;
	border-right: 1px solid #cccccc;
}
.sit-right {
	
	width :338px;
	padding-left : 30px;
	float:left;
	text-align:left;
}

.sit-inner {
	padding : 5px 0 5px 15px; /* top right bottom left */
/*	border: 1px solid #0000FF;  */
	clear:both;
}

ul.sit ,
ul.sit li,
ul.sit li ul,
ul.sit li ul li {
	font-weight: normal;
	text-align: left;
	list-style-type: none;
	font-size : 9pt;
}
ul.sit li{
	margin:0px;
	padding : 3px 0px 0px 20px; /* top right bottom left */
}

ul.sit li.one{
	margin:0px;
	padding : 3px 0px 10px 20px; /* top right bottom left */
}


ul.sit li ul li {
	margin:0px;
	padding : 3px 0px 0px 20px; /* top right bottom left */
}
ul.sit {
	margin:0px;
	padding : 15px 0px 15px 0px; /* top right bottom left */
}
ul.sit li ul {
	margin:0px;
	padding : 8px 0px 12px 0px; /* top right bottom left */
/*	border: 1px solid #0000FF;  */
}
ul.sit li ul li ul {
	margin:0px;
	padding : 2px 0px 10px 0px; /* top right bottom left */
/*	border: 1px solid #0000FF;  */
}



.sit-onethird {
	
	width :220px;
	margin:0px;
	float:left;
	overflow:hidden;
	text-align:left;
/*	border: 1px solid #0000FF;  */
	
}


.sit-onethird-inner {
	width :180px;
	padding : 10px 0px 0px 38px; /* top right bottom left */
/*	border: 1px solid #0000FF;  */
	clear:both;
}
.sit-inner1 {
	width :160px;
	padding : 10px 10px 0px 10px; /* top right bottom left */
/*	border: 1px solid #0000FF;  */
	clear:both;
}


.sit-herf-inner {
	width :305px;
	padding : 10px 0px 0px 15px; /* top right bottom left */
/*	border: 1px solid #0000FF;  */
	clear:both;
}
.sit-inner2 {
	width :310px;
	padding : 13px 0 0 0; /* top right bottom left */
/*	border: 1px solid #0000FF;  */
	clear:both;
}

.sit-twothird {
	
	width :430px;
	margin:0px;
	float:left;
	overflow:hidden;
	text-align:left;
/*	border: 1px solid #0000FF;  */
	
}
.sit-blog-month {
	width :410px;
	padding : 3px 0px 0px 38px; /* top right bottom left */
/*	border: 1px solid #0000FF;  */
	clear:both;
}