@charset "utf-8";

/* Concept by client
Base  Colour    :#FFFFFF (White)
Point Colour01  :#333333 (Black)
Point Colour02  :#4682b4 (Steelblue)
Point Colour03  :#f1f1f1 (LightWarmGray/@4travel)
Point Colour04  :696969(Dimgray)

Design Refer to :livedoor PICS,4travel
------------------------------------- */

/* Tag Reset
=============================================== */
*{
  font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size:100%;
}
body{
  background:#e1e1e1;
  text-align:center;
  margin-top:0;margin-bottom:0;
}
address,dd,div,dl,dt,li,h1,h2,h3,h4,h5,h6,ol,p,ul{
  color:#333;
  margin:0; padding:0;
}
a {color:#4682b4;}
a:hover{text-decoration:none;}
address {
  font-style:normal;
  font-weight:normal;
}
abbr,ins,del{text-decoration:none;}
code,em{
  color:#696969;
  font-style:normal;
  font-weight:bold;
}
img {border:0;}
li{  list-style-type:none;}
ruby rb{ font-weight:bold;}
ruby rp,ruby rt{font-size:85%;}
strong{color:#/*4682b4*/B24747;}
table {border:0;}
td,th{padding:2px 4px;}

.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.box{
  background-color:#FFF;
  border:1px solid #D9D9D9;
  margin:8px;
  padding:8px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
}
.clear{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.floatLeft{float:left;}
.floatRight{float:right;}

/* Framework
=============================================== */
/* Wrapper
------------------------------------- */
#wrap{
  width:800px;
  margin:0 auto;
  text-align:left;
}
/* First child of inside wrapper
------------------------------------- */
#header,
#mainMenu,
#mainContent{
  font-size:85%;
  width:100%;
}
#mainContent{
  clear:both;
}

#footContent{
  clear:both;
  font-size:77%;
  padding-bottom:6px;
  padding-top:4px;
  text-align:center;
  width:100%;
}

/* Layout for 1 column
------------------------------------- */
body.column1 #mainContent #mainColumn{}

/* Layout for 2 column
------------------------------------- */
body.column2 #mainContent #mainColumn{
  float:left;
  width:520px;
}
body.column2 #mainContent #sideColumn{
  float:right;
  width:260px;
}


/* - Page Header and Head Content
=============================================== */
#header{background:#111111 url(../images/common/header-bg_type2.jpg) repeat-x 0 0;}
#header h1{}
#header h1 a{color:white;}


/* Main Menu
=============================================== */
#mainMenu{
  background:#f4cdea url(../images/common/menu_bg.jpg) repeat-x 0 0;
  clear:both;
  padding:4px 0;
  width:100%;
  z-index:99;
}
#mainMenu li{
  display:block;
  float:left;
  text-align:center;
}

#mainMenu li a{
  color:#333;
  display:display:block;
  float:left;
  height:1%;
  text-decoration:none;
  width:96px;
}
#mainMenu li a:hover{}
#mainMenu li.active{}
#mainMenu li.active a{color:teal;font-weight:bold;}
#mainMenu li.active a:hover{cursor:default;

}


/* Main Content
=============================================== */
#mainContent{
  background:#FFF url(../images/common/maincontent_bg_type2.jpg) repeat-x 0 0;
  border-bottom:1px solid silver;
  padding-bottom:8px;
  padding-top:16px;
}

/* Common Settings
------------------------------------- */

.linkPageTop{
  margin:6px;
  text-align:right;
}
body.column1 #mainContent #mainColumn{
  background:white;
  border:1px solid silver;
  margin-left:8px;
  margin-right:8px;
  padding-bottom:8px;
  padding-top:8px;
  width:784px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
}


#mainContent #mainColumn h2,
#mainContent #mainColumn h3,
#mainContent #mainColumn h4,
#mainContent #mainColumn h5,
#mainContent #mainColumn h6{
  border-left:5px solid #4682b4;
  margin-bottom:8px;
  margin-left:8px;
  padding:3px 4px 3px 8px;
}
#mainContent #mainColumn h2 span,
#mainContent #mainColumn h3 span,
#mainContent #mainColumn h4 span,
#mainContent #mainColumn h5 span,
#mainContent #mainColumn h6 span,
#mainContent #mainColumn h2 a,
#mainContent #mainColumn h3 a,
#mainContent #mainColumn h4 a,
#mainContent #mainColumn h5 a,
#mainContent #mainColumn h6 a{
  color:#555;
  font-size:121%;
  font-weight:bold;

}

#mainContent #mainColumn h2.heading {
  font-size:160%;
}

#mainContent #mainColumn div.content{
  margin-bottom:4px;
  margin-left:8px;
  padding:2px;
}
#mainContent #mainColumn p{
  margin-bottom:16px;
  margin-left:8px;
  padding:2px;
}

#mainContent #mainColumn p span{}

#mainContent #mainColumn ol,
#mainContent #mainColumn ul{
}


/* Side Column
=============================================== */
/* Config
------------------------------------ */
#sideColumn .sideColumnTitle{
  border-bottom:1px solid #7B1E19;
  font-size:85%;
}
#sideColumn .sideBox{
  line-height:130%;
}
#sideColumn .sideColumnTitle,
#sideColumn .sideBox{
  margin-right:12px;
  text-align:left;
}
#sideColumn .sideColumnTitle{
  padding-bottom:2px;
  padding-top:4px;
  padding-left:8px;
}

#sideColumn .sideBox{
  margin-bottom:12px;
  padding:4px;
}
#sideColumn .sideLinkList{
  margin-bottom:12px;
  padding-right:4px;
}
#sideColumn .sideLinkList li{
  margin-left:12px;
  padding-bottom:2px;
  padding-left:8px;
  padding-top:2px;
}
#sideColumn .sideLinkList li a{
  color:#2C5813;
  line-height:130%;
}

#sideColumn .sideLinkList li a:hover{text-decoration:none;}
#sideColumn .sideOptions{
  margin-bottom:12px;
}

/* Foot content
=============================================== */
#footContent{
  background:#000 url(../images/common/footer-bg_type2.jpg) repeat-x 0 0;
}

#footContent address,
#footContent address a{
  color:#FFF;
}


/* Settings for each seavice
=============================================== */

/* Top Image
------------------------------------- */
.top .box{
  background:#FFF no-repeat;
  border:1px solid #999;
  color:#333;
  padding:60px 8px;
}
.top .box .catch01{font-size:181%;font-weight:bold;}
.top .box .catch02{font-size:85%;margin-left:32px;}

/* News and events
------------------------------------- */
.news{
  margin-bottom:16px;
}
.news li{
  margin-left:8px;
  padding:1px 8px;
}
.news li ins{}
.news li ins span.date{
  color:#696969;
  font-weight:bold;
  margin-right:12px;
}
.news li ins span.content{}



/* Company Info
------------------------------------- */
.info{
  background:#CDC9C9;
  margin-bottom:16px;
  margin-left:16px;
}
.info th,
.info td{
  background:#FFF;
  padding:4px;
/*-moz-border-radius:4px;
-webkit-border-radius: 4px;*/
}
.info th{
  background:#F5F5DC;
  color:#696969;
  text-align:center;
  width:120px;
}
.info td{}


/* Catch copy
------------------------------------- */
#mainContent #mainColumn p em{
  background:#FAF0E6 /*FFD700/*FFF68F*/;
  color:#555;
  display:block;
  font-size:100%;
  font-weight:bold;
  margin-right:8px;
  padding:4px 8px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
}

.history{margin-bottom:16px;margin-left:32px;}
.history li{clear:left;}
.history li .date{display:block;float:left;margin-right:16px;width:80px;}

.history li .content{}

.inquiry address{margin:2px 16px;}

/*Options
=============================================== */
.arialBlack{
  font-family:"Arial Black" !important;
  font-size:100% !important;
}
.bold{font-weight:bold;}
.mainBlue{color:#4682b4 !important;}
.mainRed{color:#B24747 !important;}

.images .box{height:220px;}