@charset "shift_jis";

/*
*  CommonStyle
*  index
*  contentStyle
*  footerStyle
*  pageStyle
*/

/* -----------------------------
  CommonStyle
------------------------------*/
#travelogueAreaIndex {
margin: 20px auto 0;
width: 950px;	
}

/* -----------------------------
  index
------------------------------*/
#travelogueAreaIndex #travelogueHeader {
position: relative;
}

#travelogueAreaIndex #travelogueHeader h1 {
margin-bottom: 3px;
}

#travelogueAreaIndex #travelogueHeader .title {
margin: 0 0 5px 0;
line-height: 1;
}

#travelogueAreaIndex #travelogueHeader #siteAbout {
width: 95px;
position: absolute;
top: 17px;
right: 0;
line-height: 1;
font-size: 1px;
}

#travelogueAreaIndex #readArea {
margin-bottom: 20px;
}

#travelogueAreaIndex #visualArea {
margin-bottom: 40px;
overflow: hidden;
}

#travelogueAreaIndex #visualArea .img {
margin-top: 1px;
margin-left: 1px;
display: inline;
float: left;	
}

#travelogueAreaIndex #visualArea .txtArea {
margin-top: 11px;
margin-left: 11px;
/margin-left: 10px;
width: 157px;
float: left;
display: inline;
}

#travelogueAreaIndex #visualArea #visual01 .txtArea {
margin-left: 15px;	
}

#travelogueAreaIndex #visualArea .txtArea h2 {
margin-bottom: 15px;
/font-size: 1px;
}

#travelogueAreaIndex #visualArea .txtArea .btn01 {
margin: 0;
padding: 0;
}

#travelogueAreaIndex #visualArea .txtArea .btn01 li {
line-height: 1;
}

#travelogueAreaIndex #visualArea .txtArea .btn01 li a {
text-align: center;
line-height: 1;
}

#travelogueAreaIndex #visualArea .txtArea .name {
margin-top: 0;
margin-left: 1px;
margin-bottom: 14px;
}

#travelogueAreaIndex #visualArea .txtArea .name dt {
margin-bottom: 6px;
margin-left: -3px;
}

#travelogueAreaIndex #visualArea .txtArea .name dd {
margin-left: 0;
line-height: 1;
}

#travelogueAreaIndex #visualArea .txtArea p {
margin-bottom: 13px;
/font-size: 1px;
}

#travelogueAreaIndex #visualArea #visual01 {
margin-bottom: 18px;
height: 331px;
background: url(../../img/visual_01_bg.gif) no-repeat left top;
position: relative;
}

#travelogueAreaIndex #visualArea #visual01.hover {
background: url(../../img/visual_01_bg_on.gif) no-repeat left top;	
}

#travelogueAreaIndex #visualArea #visual01 .txtArea {
margin-top: 39px;
width: 223px;
}

#travelogueAreaIndex #visualArea #visual01 .modelName {
margin: 0;
position: absolute;
top: 39px;
right: 14px;
}
#travelogueAreaIndex #visualArea #visual01 .modelName2 {
margin: 0;
position: absolute;
top: 39px;
right: 60px;
}

#travelogueAreaIndex #visualArea #visual01 .txtArea h2 {
margin-top: 0;
margin-left: 0;
margin-bottom: 45px;
}

#travelogueAreaIndex #visualArea #visual01 .txtArea .name dd {
margin-bottom: 22px;	
}

#travelogueAreaIndex #visualArea #visual01 .txtArea p {
margin-bottom: 20px;	
}

#travelogueAreaIndex #visualArea #visual02,
#travelogueAreaIndex #visualArea #visual03 {
width: 468px;
height: 196px;
background: url(../../img/visual_bg.gif) no-repeat left top;
float: left;
position: relative;
}

#travelogueAreaIndex #visualArea #visual02.hover,
#travelogueAreaIndex #visualArea #visual03.hover {
background: url(../../img/visual_bg_on.gif) no-repeat left top;
}

#travelogueAreaIndex #visualArea #visual02 {
margin-right: 13px;	
}

#travelogueAreaIndex #visualArea #visual02 h2,
#travelogueAreaIndex #visualArea #visual03 h2 {
margin-top: 0;
margin-left: 0;	
}

#travelogueAreaIndex #visualArea #visual02 .modelName,
#travelogueAreaIndex #visualArea #visual03 .modelName {
margin: 0!important;
position: absolute;
top: 11px;
left: 424px;
line-height: 1;
}


#travelogueAreaIndex #archive {
margin: 0 /*15px*/;
overflow: hidden;
}

#travelogueAreaIndex #archive h2 {
margin-bottom: 25px;
margin-left: 0;
height: 30px;
background: url(../img/line01.gif) no-repeat 87px top;
line-height: 1;
}

#travelogueAreaIndex #archive h2 img {
margin-top: 8px;	
}

#travelogueAreaIndex #archive .archiveList {
/*margin-bottom: 78px;*/
padding-left: 0;
/*padding-bottom: 20px;*/
overflow: hidden;
/*border-bottom: 1px solid #dfdfdf;zoom: 1;*/
}

#travelogueAreaIndex #archive .archiveList li {
margin-right: 13px/*33px*/;
margin-bottom: 20px;
width: 460px;
float: left;
border-right: 1px solid #d7d7d7;
}
#travelogueAreaIndex #archive .archiveList li:nth-child(even) {
margin-right: 0px;
margin-bottom: 20px;
width: 460px;
float: right;
border-right: none;
}

#travelogueAreaIndex #archive .archive_subtitle{
	margin-left:66px;
}

#travelogueAreaIndex #archive .archiveList li.rightEnd {
margin-right: 0;
width: 424px;
border: none;	
}

#travelogueAreaIndex #archive .archiveList li td {
vertical-align: middle;	
}

#travelogueAreaIndex #archive .archiveList li .area {
width: 87px;
}

#travelogueAreaIndex #archive .archiveList li .img {
width: 85px;
}

#travelogueAreaIndex #archive .archiveList li .model {
width: 46px;
text-align: center;
}

#travelogueAreaIndex #archive .archiveList li .name {
padding-right: 5px;
width: 85px;
}

#travelogueAreaIndex #archive .archiveList li ul li.link {
line-height: 1;
}

#travelogueAreaIndex .sns {
margin: 20px 0 10px 460px;
width:490px;
line-height:1;
overflow: hidden;
}

#travelogueAreaIndex .sns li {
float:left;
list-style-type: none;
}

#travelogueAreaIndex .sns .twitter {
width:90px;
padding-top:2px;
}

#travelogueAreaIndex .sns .facebook {
width:340px;
}

#travelogueAreaIndex .sns .mixi {
width:60px;
padding-top:3px;
}

/* -----------------------------
  visual pattern2 2012/9
------------------------------*/
#travelogueAreaIndex .textBox01 {
overflow: hidden;
}

#travelogueAreaIndex .textBox01 .vLeft,
#travelogueAreaIndex .textBox01 .vRight {
margin-bottom: 28px;
width: 469px;
height: 691px;
float: left;
background: url(../../img/visual_bg02.gif) no-repeat left top;
position: relative;
}

#travelogueAreaIndex .textBox01 .vLeft.hover,
#travelogueAreaIndex .textBox01 .vRight.hover {
background: url(../../img/visual_bg02_on.gif) no-repeat left top;	
}

#travelogueAreaIndex .textBox01 .vLeft {
margin-right: 12px;	
}

#travelogueAreaIndex #visualArea .twoC .modelName {
margin: 0!important;
position: absolute;
top: 484px;
left: 420px;
line-height: 1;
}

#travelogueAreaIndex .textBox01 .img {
display: block;
margin-bottom: 18px;
float: none;
text-align: center;
}

#travelogueAreaIndex .textBox01 .twoC .txtArea {
margin-top: 0!important;
width: auto!important;	
}

#travelogueAreaIndex .textBox01 .txtArea h2 {
margin: 0 0 14px;	
}

#travelogueAreaIndex .textBox01 .txtArea .name dt {
margin-right: 14px;
float: left;
}

#travelogueAreaIndex .textBox01 .txtArea .name dd {
padding-top: 12px;
}

#travelogueAreaIndex .textBox01 .twoC .txtArea .btn01 {
position: absolute;
bottom: 12px;
left: 13px;
}

#travelogueAreaIndex .textBox01 .txtArea .btn01 li {
list-style-type: none;	
}

/* -----------------------------
  visual pattern2 2013/11/14
------------------------------*/
#visual_txt{
margin-bottom:5px;
font-size: 0;
}
#visual_area02{
margin-bottom:5px;
font-size: 0;
}
#visual_area03{
margin-right:5px;
float:left;
}
/* -----------------------------
  contentPage
------------------------------*/
html,#contentPage,#wrap{
height:100%;
width:100%;
margin:0;
padding:0;
background: #ffffff;
}

#wrap{
font-size: 1px;
}


/* -----------------------------
  clearFix
------------------------------*/
#header:after,
#content:after,
#footer:after,
.section:after,
.clearFix:after {  
content: "";
display: block;
clear: both;
}

#header,
#content,
#footer,
.section,
.clearFix {
zoom: 1;
}

.clear {
clear: both;
}