@charset "utf-8";

/*____Reset_________________________________*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* display-role reset for OB fix */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}



/*____Base__________________________________*/

*{
  margin: 0;
  padding: 0;
}
html {-webkit-font-smoothing: antialiased;}

body {
  background: #fff;
line-height:1.4;
color:#575757;
font-family: Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
font-size:0.9em;
}

a {
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
  color: #f55050;
}


a:hover {
  text-decoration: underline;
  color: #f55050;
}

img {max-width: 100%;}
figure {margin: 1em 0;}
figure img {display: block;}

/*____Typography___________________________*/


h1, h2, h3, h4, h5, h6, dl, ol, ul, p, blockquote, pre {
margin:0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-left: 1.5em;
}

li {
  display: list-item;
  list-style-position: inside;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.3125em;}
h3 {font-size: 1.125em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

/*_____Upload images______________________________*/

img.alignnone,
img.alignleft,
img.alignright,
img.aligncenter{
		margin: 20px 0 5px 0 ;
		max-width: 100% ;
		height: auto ;
		}

	.wp-caption { 
		border: 1px solid #ddd ; 
		text-align: center ; 
		background: #f3f3f3 ; 
		padding-top: 4px ; 
		margin: 10px ;
		}



.alignnone, 
img.alignnone {
		clear: both ; 
		display: block ; 
		margin-bottom: 5px ;
		}
.alignleft, 
img.alignleft {
		display: inline ; 
		float: left ; 
		margin-right: 15px ; 
		margin-top: 5px ;
		}
.alignright, 
img.alignright {
		display: inline ; 
		float: right ; 
		margin-left: 15px ; 
		margin-top: 5px ;
		}
.aligncenter, 
img.aligncenter {
		clear: both ;
		display: block ;
		margin-left: auto ;
		margin-right: auto ;
		}
img.alignleft, 
img.alignright, 
img.aligncenter {
		margin-bottom: 5px ;
		}



/*________Module___________________________*/

.left{float:left;}
.right{float:right;}
.lrp{padding:0 15px;}
.pl{padding-left:15px;}
.rp{padding-right:15px;}



/*________Component___________________________*/


.box {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1px 1em;
  background: #fff;
  *zoom: 1;
}

figure + .box {margin-top: -1em;}


/*+++++  Generic  +++++++++++++++++++++*/


.generic {
  margin: 0 -1em;
  padding: 0; 
  clear: both;
  list-style: none; 
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
}

.unit {
  margin: 0; 
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}


/*+++++  Box-sizing  +++++++++++++++++++++*/

.unit {
  padding: 0 1em; 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



/*+++++  For IE7  +++++++++++++++++++++*/

.generic {
  *letter-spacing: normal;
  *zoom: 1;
}

.unit {
  *display: inline;
}

.unit {
  *margin-right: -1px;
  *padding: 0;
  *zoom: 1;
}


/*+++++  Unit  +++++++++++++++++++++*/


.box-two    > .unit   { width: 50%; } 
.box-three  > .unit   { width: 33.33333%; } 
.box-four   > .unit   { width: 25%; } 
.box-five   > .unit   { width: 20%; } 
.box-six    > .unit   { width: 16.66666%; }
.box-seven  > .unit   { width: 14.28571%; }



/*+++++  Span n  +++++++++++++++++++++*/


/* 3 units  */
.box-three  >   .span-two   { width: 66.66666%; }

/* 4 units  */
.box-four   >   .span-two   { width: 50%; }
.box-four   >   .span-three { width: 75%; }

/* 5 units  */
.box-five   >   .span-two   { width: 40%; }
.box-five   >   .span-three { width: 60%; }
.box-five   >   .span-four  { width: 80%; }

/* 6 units  */
.box-six    >   .span-two   { width: 33.33333%; }
.box-six    >   .span-three { width: 50%; }
.box-six    >   .span-four  { width: 66.66666%; }
.box-six    >   .span-five  { width: 83.33333%; }

/* 7 units  */
.box-seven  >   .span-two   { width: 28.57142%; }
.box-seven  >   .span-three { width: 42.85714%; }
.box-seven  >   .span-four  { width: 57.14285%; }
.box-seven  >   .span-five  { width: 71.42857%; }
.box-seven  >   .span-six   { width: 85.71428%; }