/* Created by http://freehtml5templates.com */


/* reset */

* {
margin: 0;
padding: 0;
}



/* render html5 elements as block */


header, footer, section, aside, nav, article {
display: block;
}




body {
 line-height: 1.4em;
 background: #d4d4d4;
 font-family: メイリオ;
 color: #2f4f4f;
 font-size: medium;}

/* layout */

#wrapper {
 width: 940px;
 margin: 0 auto;
 margin-top: 5px;
 margin-bottom: 10px;
 background: #eaffd5;}

nav {

width: 940px;

height: 30px;

margin: 0 auto;

background: #d8bfd8;}





header {

width: 850px;

margin-left: 40px;
margin-top: 25px;

margin-bottom: 0 auto;
padding-bottom: 5px;

background: #f4ffea;

border-bottom: 1px solid #ddd; 

overflow: auto;
}


#main {

width: 940px;

margin: 0 auto;

background: #fdf5e6;

}



footer {

width: 940px;

margin: 0 auto;

clear: both;
}




/* basics */

h2,h3,h4,h5,h6 {

display: block;

font-variant: small-caps;

line-height: 1.5em;

padding: 10px 0;

font-weight: bold;

color: #556b2f;
}



a:link, a:visited {
 
color: #363636;

 text-decoration: none;
}



a:hover, a:active {
 color: #8b2252;
}



li {
padding-left: 5px;
}


/* site title */



h1 {

font-weight: bold;

font-family: ar christy;

font-size: 45px;

padding: 30px 0 10px 30px;
}



h1 a:link, a:visited {
color: #49c318;
}



h1 a:hover, a:active {
color: #4f3147;
}



/* nav */

nav .menu ul {
list-style: none;

                        margin: 0;                        
                        padding-top: 5px;
                        
font-weight: bold;
}

nav .menu li {float: left;
                     min-width: auto;
                     white-space: nowrap;}

nav .menu ul ul {display: none;

                         position: absolute;

                         z-index: 10;}


nav .menu li li {clear: left;

                        position: relative;

                        width: 100%;
                         background: #d8bfd8;}

nav .menu ul ul ul{top: 0;

                         left: 100%;}



nav .menu ul li:hover > ul {display: block;
}
*html .menu ul ul a {width: 72px;
                         white-space: normal;}

nav .menu a {display: block;
    float: left;
    margin-right:5px;
    padding: 0px 5px;
    color: #fff;
    font: bold;font-size: 16px;font-family:メイリオ;
    text-decoration: none;} 


/* HEADER */



header .headlineimage img {
    
float: left;
    
padding: 5px 10px 5px 5px;
    
width: 400px;
}



header .headline {

    margin-left: 30px;
    margin-top; 30px;
    margin-right: 20px;


    float: left;
    
width: 360px;}

header .h2 {

font-weight: bold;

font-family: HGSｺﾞｼｯｸM;
font-size: 120%;

padding-left: 15px;
padding-top: 20px;
padding-right: 15px;
padding-bottom:20;
}



h2 a:link, a:visited {
color: #6b8e23;
}

h2 a:hover, a:active {
color: #4f3147;
}

header .text {
    
font-size: 90%;
    font-family: メイリオ;
    font-color: #7f0c21;
    
line-height: normal;


    margin-bottom: 5px;}



header .text2 {
    
font-size: small;
    font-family: メイリオ;
    font-color: #7f0c21;
    
line-height: normal;


    margin: 5px 0 5px 0px;
}



header .text3 {
    
font-size: 150%;
    font-family: ar christy;
    font-color: #7f0c21;
    
line-height: normal;


    margin: 5px 0 5px 0px;
}



/** SECTION **/


.trip {
 width:800px;
 margin-left:auto;
 margin-top: 20px;
 margin-right:auto;
 margin-bottom: 30px;
 padding-left: 40px;
 padding-top: 20px;
 padding-right: 30px;
 padding-bottom: 20px;
 border-top: 0px solid #999;
 border-left: 0px solid #999;
 border-right: 0px solid #999;
 border-bottom: 0px solid #999;
 background-color: #dcdcdc;}

.trip .caption1 {
   padding-top: 7px;
   font-size: 90%;

   color: #4f4f4f; 
   font-family: メイリオ;
   margin-bottom: 10px;
   line-height: 1.4em;
}



.trip .caption2 {
   margin-top: 10px;
   font-size: 70%;

   color: #4f4f4f; 
   font-family: メイリオ;
   margin-bottom: 10px;
   line-height: 1.4em;
}



.trip .caption3 {
   margin-bottom: 10px;
   font-size: 110%;

   color: #698b22; 
   font-family: メイリオ;
   font-weight: bold;
   margin-bottom: 10px;
   line-height: 1.4em;
}



.recipe{
 width:800px;
 margin-left:auto;
 margin-top: 20px;
 margin-right:auto;
 margin-bottom: 30px;
 padding-left: 40px;
 padding-top: 20px;
 padding-right: 30px;
 padding-bottom: 20px;
 border-top: 0px solid #999;
 border-left: 0px solid #999;
 border-right: 0px solid #999;
 border-bottom: 0px solid #999;
 background-color: #ffffea;}

.recipe li {   
   font-size: 77%;

   color: #404000; 
   font-family: メイリオ;
}

.recipe .stand3 {

   margin-bottom: 10px;
   font-size: 100%;

   color: #2b5500; 
   font-family: メイリオ;



   font-weight: bold;
   margin-bottom: 10px;
   line-height: 1.4em;
}



.recipe .stand2 {

   font-size: 70%;

   color: #00695b; 
   font-family: メイリオ;
   margin-top: 10px;

   line-height: 1.7em;
}



.recipe .stand1 {

   font-size: 90%;

   color: #00695b; 
   font-family: メイリオ;

   margin-bottom: 10px;
   line-height: 1.7em;
}



.recipe .stand4 {

   font-size: 80%;

   color: #00695b; 
   font-family: メイリオ;
   margin-top: 10px;

   line-height: 1.7em;
}



.recipe .stand5 {

   font-size: 90%;

   color: #353535; 
   font-family: メイリオ;

   margin-bottom: 10px;
   line-height: 2em;
}


.book {
 width:840px;
 margin-left:auto;
 margin-top: 20px;
 margin-right:auto;
 margin-bottom: 30px;
 padding-left: 20px;
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 20px;
 border-top: 0px solid #999;
 border-left: 0px solid #999;
 border-right: 0px solid #999;
 border-bottom: 0px solid #999;
 background-color: #f4f4f4;}

.book .caption1 {
   padding-top: 7px;
   font-size: 11px;

   color: #4f4f4f; 
   font-family: メイリオ;
   margin-bottom: 10px;
   margin-left: 40px;
   line-height: 1.4em;
}



.book .caption2 {
   margin-top: 10px;
   font-size: 12px;

   color: #ff6a6a; 
   font-family: メイリオ;
   margin-bottom: 10px;
   font-weight: bold;
   line-height: 1.4em;
}



.book .caption3 {
   margin-bottom: 10px;
   font-size: 13px;

   color: #555555; 
   font-family: メイリオ;
   font-weight: normal;
   margin-bottom: 10px;
   line-height: 1.4em;
}




/** ARTICLES **/



article {
margin-bottom: 10px;
}


article img {
border: none;padding-top: 10px;
}


.alignleft, img.alignleft {
display: inline;
float: center;
margin-right: 5px;
}


.alignright, img.alignright {
display: inline;
float: center;
margin-left: 5px;
}
.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}



.doublecols {
  
width: 850px;
  
margin-left: 40px;
  
margin-top: 20px;

  margin-bottom: 20px;
  border-bottom: 2px solid #ddd;
}


.triplecols {
  
width: 850px;
  
margin-left: 40px;
  
margin-top: 20px;

  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}





/* double blocks of images and captions */


.doubleblocks { display: inline-block;
 vertical-align: top;
 width: 355px;}
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 padding-left: 30px;
 margin-bottom: 20px;
 margin-top: 20px;
}



.doubleleftblock {

 margin-right: 20px;
 padding-left: 30px;}


.doublerightblock {

 margin-right: 20px;
 padding-left: 30px;
}


.doubleblocks .caption {
 line-height: 1.2;　

 display: block;
	
 font-size: medium;
 font-family: HGSｺﾞｼｯｸM;

 font-variant: small-caps;
 color: #664e4e;
 margin-bottom: 10px;
}




.doubleblocks .byline {

 line-height: 1.2;
 font-size: x-small;
 font-family: メイリオ;
 font-variant: small-caps;

 color: #4f3147;	
 margin-bottom: 15px;
}



.doubleblocks .text {
 line-height: 1.4em;
 font-size: large;
 font-family: メイリオ;
 font-weight: bold;
 color: #4f3147;}



.doubleblocks .text2 {
 line-height: 1.4em;
 font-size: small;
 font-family: メイリオ;
 font-weight: normal;
 color: #4f3147;}


/* triple blocks of images and captions */



.tripleblocks {

 display: inline-block;

 vertical-align: top;

 width: 230px;

 text-align: left;
 border-left: 1px solid #ddd;
 padding-left: 20px;
 margin-bottom: 20px;
 margin-top: 20px;
}


.tripleleftblock {

 margin-right: 40px;
}


.triplemiddleblock {

 margin-right: 40px;
}

.triplerightblock {

 margin-right: 1px;
}

.tripleblocks .caption {
 line-height: 1.2;　

 display: block;
	
 font-size: medium;
 font-family: HGSｺﾞｼｯｸM;

 font-variant: small-caps;
 color: #bc8f8f;
 margin-bottom: 10px;
}




.tripleblocks .byline {

 line-height: 1.2;
 font-size: x-small;
 font-family: メイリオ;
 font-variant: small-caps;

 color: #4f3147;	
 margin-bottom: 15px;
}



.tripleblocks .text {
 line-height: 1.4em;
 font-size: small;
 font-family: メイリオ;
 color: #4f3147;
 argin-bottom: 3px;}




/* footer widget blocks */



aside h3 {
font-size: 15px;color: #551a8b;
}


aside ul {
list-style: none;
margin-bottom: 20px;
margin-top: -10px;
}


aside li a {
display: block;
text-decoration: none;
}


aside li a:hover {
text-decoration: underline;
}



#footer-area {

 background: #b0b0b0;

 color: #efefef;

 font-size: 80%;

 padding: 18px 0;

 overflow: hidden;
}

.footer-segment {
float: left;
}


.first {
margin-right: 20px;
margin-left: 40px;
width: 500px;
}


.second {
margin-right: 30px;

width: 350px;}
footer aside h3 {
color: #000;
}


footer p {
margin-top: -15px;
color: #333;
}