@charset "utf-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

body {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	font-size: 18px;
}

#page{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0 auto;
	}


h1 {
	font-size: 18px;
	line-height: 140%;
	letter-spacing: 0.2em;
	padding-left: 1em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	border-style:solid;
	border-width:0 0 1px 1px;
	border-color: #999;
	margin-left: -20px;

	background: linear-gradient(180deg, #ddd4 0%, #fff3 40%, #fff3 60%,  #ddd4 100%); 										/* 筒 透明背景色透過 */
}



p {
	line-height: 180%;
	margin-block: 0.2em 0;
  margin-top: 1.5em;
	text-indent: 1em; /*	段落先頭一字下げ*/
	}

ul {
      list-style-type: none;
}

li {
    margin-top: 0.5em;
	line-height: 150%;
}

	
/* 横640pix以上(PC)用　　　　　　　　　　　　　　　    */
@media screen and (min-width:640px){

body {
  line-height:1.2;
  color: #333;
  font: 18px sans-serif;
  -webkit-text-size-adjust: 100%;
}

#page{
  width: 480px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
	border: #ccc 1px solid;
	margin: 0 auto;
	}
}
---------------------------------------------------------- */







/**************************************************/
/* フッター　　　　　　　　　　　　　　　　　　　 */
/**************************************************/

p#footertext {
  background: #66cc66;
  color: #fff;
  font-family: helvetica, arial;
  padding: 5px 0;
  text-align: center;
}

/*******************************************************/
/*
/* 【スマホ高解像度モニター用 devicePixelRatio: 2.0】  */
/*
/*******************************************************/
@media screen and (-webkit-min-device-pixel-ratio:2){

　/* ボタン画像(リンク)　*/
  section.link div ul li a 
  {
    background-image: url(icon/icon_arrow_black_2x.png);
    background-size: 18px 13px;
  }


}


/************************************************************************/
/*  PC用　横960pix以上 960pixでレイアウト　　　　　　　　　　　　　　　*/
/************************************************************************/
@media screen and (min-width:960px){

#page{
	margin: 0px auto;
	width: 640px;
    border: 1px solid #ccc;

}



}
  /* 960用終了