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 {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-size:1.0em;
	line-height:1.5em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block; }
q:before, q:after, blockquote:before, blockquote:after { content:""; content:none; }

html			{ line-height:1; }
body			{ background:#fff; }
ol, ul			{ list-style:none; }
table			{ border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; vertical-align:middle; }
q, blockquote	{ quotes:none; }
a img			{ width:180px; }

.pc				{ display:none; }

header {
	max-width:95%;
	margin:0 auto;
	padding:20px 0 10px;
}
#wrapper {
	border-top:1px solid #000;
	padding:20px;
}
h1 {
	max-width:95%;
	margin:0 auto;
	font-size:1.2em;
}
.tabrow {
  max-width: 1200px;
  list-style: none;
  margin: 10px auto;
  padding: 0 0 0 15px;
  line-height: 24px;
  height: 71px;
  overflow: hidden;
  font-size: 20px;
  font-family: verdana;
  position: relative;
  border-bottom: 1px solid #D1D1D1;
 }
.tabrow li {
	border: 1px solid #AAA;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
	text-shadow: 0 1px #FFF;
	margin: 0 -5px;
	padding: 20px;
	cursor:pointer;
}
.tabrow a {
	color: #555;
	text-decoration: none;
}
.tabrow li.select {
	background: #FFF;
	color: #333;
	z-index: 2;
	border-bottom-color: #FFF;
}
.tabrow:before {
	max-width: 1200px;
	margin:0 auto;
	border-bottom: 1px solid #AAA;
	z-index: 1;
}
.tabrow li:before,  .tabrow li:after {
	border: 1px solid #AAA;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}
.tabrow li:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow li:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow li.select:before {
	box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.select:after {
	box-shadow: -2px 2px 0 #FFF;
}
ul.content {
    max-width: 100%;
    margin: 10px auto;
}
ul.content img{
	width:100%;
}
ul.content li {
	display:none;
}
ul.content li.select {
	display:block;
}
footer {
	border-top:1px solid #000;
	padding:10px 0 20px;
	text-align:center;
	font-size:0.8em;
}