@charset "Shift_JIS";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}a img{border: none} /*li{list-style: none}*/
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}

a:hover img.alpha {
  filter:alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

/*==========================================
	base
==========================================*/

body {
  margin: 0 auto;
  padding: 0 auto;
  background-image: url(../img/body_bg.gif);
  color:#333;
  line-height:1.5;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#sub-header {
  width:100%;
  overflow:hidden;
  background: #fff;
}

#sub-header .inner {
  margin:0 auto;
  padding:0;
  width:980px;
  height:53px;
  position:relative;
}

#sub-header .inner .logo {
  position:absolute;
  top:10px;
  left:0;
}

#sub-header .inner .tw {
  position:absolute;
  top:18px;
  left:768px;
}

#sub-header .inner .fb {
  position:absolute;
  top:18px;
  left:870px;
}

#gentei {
	margin:17px auto 10px;
	width:980px;
	text-align:left;
}
#wrapper {
	margin: 0 auto;
	padding-top: 25px;
	width:980px;
}

.pagetop {
  padding-right:10px;
  margin-bottom:30px;
  width:970px;
  text-align:right;
}

.pagetop a {
  font-size: 80%;
  text-decoration: none;
  color: #333333;
}

.pagetop a:hover {
  text-decoration: underline;
}

/*==========================================
	main
==========================================*/

#main {
	position:relative;
	margin:0 auto;
	width: 980px;
}

#main .inner {
	position:relative;
}

#main .inner h1 {
  position:relative;
  line-height: 0
}

#main .inner .bt {
	position:absolute;
	right: 445px;
	top: 435px;
}
#main .inner .bt02 {
  position:absolute;
  right: 215px;
  top: 435px;
}


#main .inner .bt a ,
#main .inner .bt02 a {
  color: #9b000c;
  text-decoration: none;
  font-size: 70%;
  font-weight: bold;
}

#main .inner .bt a:hover,
#main .inner .bt02 a:hover{
  text-decoration: underline;
}

/*==========================================
	navi
==========================================*/

#nav {
  position:absolute;
  width: 980px;
  bottom: 10px;
  left: 0;
}

#nav ul {
  padding-left: 20px;
}

#nav ul li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  list-style: none;
}

/*==========================================
	contents
==========================================*/

.contents {
  width: 980px;
  margin-bottom: 20px;
  padding: 30px 0 30px 0;
  background-color: #ffffff;
}

.contents h2 {
  margin:0 auto 20px;
  text-align: center;
}

/*==========================================
	about
==========================================*/
.about {
  text-align: center;
}

/*==========================================
	entry
==========================================*/

.entry {
  margin: 0 auto;
  padding: 0;
  width: 871px;
}

.entry .oubo {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border: solid 3px #fed1d2;
}

.entry .oubo h3 {
  margin-bottom: 15px;
}

.entry .oubo ul.inner {
  margin: 0 0 0 31px;
  position: relative;
}

.entry .oubo ul.inner li {
  position: relative;
  display: block;
  float: left;
  line-height: 0;
}

.entry .oubo ul.inner li.arrow {
  padding-top: 120px;
  margin-right: 6px;
}

.entry .oubo ul.inner li img {
  display: block;
  position: relative;
}

.entry .oubo ul.inner li p {
  position: absolute;
  font-size: 85%;
  line-height: 1;
}

* html .entry .oubo ul.inner li p { /* for IE6 */
  z-index: 1000;
}

.entry .oubo ul.inner li p.pc-link {
  top: 180px;
  left: 43px;
}

.entry .oubo ul.inner li p.sp-link {
  top: 210px;
  left: 23px;
}

.entry .oubo ul.inner li p a {
  color: #d93d87;
}

h3#howtoEntry {
  border-top: solid 3px #fed1d2;
  border-left: solid 3px #fed1d2;
  border-right: solid 3px #fed1d2;
}

.entry .howto {
  margin:0 auto 34px;
  padding: 0 0 18px 30px;
  border-left: solid 3px #fed1d2;
  border-right: solid 3px #fed1d2;
  border-bottom: solid 3px #fed1d2;
}

.entry .howto #panel {
  
}

.entry .howto ul.tab {
  width: 100%;
  margin: 0 auto 17px;
  padding-top:20px;
}

.entry .howto ul.tab li {
  display: block;
  float: left;
  margin-right: 2px;
  list-style: none;
  line-height: 0;
}

.entry .howto #panel #tab01 ul li,
.entry .howto #panel #tab02 ul li,
.entry .howto #panel #tab03 ul li {
  display: block;
  float: left;
  margin-right: 18px;
  margin-bottom: 15px;
  position: relative;
  list-style: none;
}

.entry .howto #panel #tab01 ul li.m0,
.entry .howto #panel #tab02 ul li.m0,
.entry .howto #panel #tab03 ul li.m0 {
  margin-right:0;
}

.entry .howto #panel #tab01 ul li p,
.entry .howto #panel #tab02 ul li p,
.entry .howto #panel #tab03 ul li p {
  font-size: 14px;
  line-height: 19px;
  position: absolute;
  top: 76px;
  left: 30px;
  z-index: 20;
}

.entry .howto #panel #tab01 ul li p a,
.entry .howto #panel #tab02 ul li p a,
.entry .howto #panel #tab03 ul li p a {
	color:#407b11;
}
.entry .howto #panel #tab02,
.entry .howto #panel #tab03 {
	display:none;
}

.entry div.entry-pc-sp {
  padding-left: 155px;
}

.entry div.entry-pc-sp a {
  display: block;
  float: left;
  margin-right: 25px;
  line-height: 0;
}

/*==========================================
	Q&A
==========================================*/

#qa {
  width: 900px;
  margin: 0 auto;
  background-color: #fff;
}

#qa h2 {
	margin-bottom: 20px;
}
#qa a {
	color:#df4950;
}

#qa dt {
  background-color: #fbe2e4;
  border: solid 2px #df4950;
}

#qa dt span {
  display:block;
  padding: 9px 14px 7px 40px;
  color: #df4950;
  font-size: 16px;
  font-weight: bold;
  background: url(../img/qa_q.png) no-repeat 8px 9px;
}

#qa dd {
	background: url(../img/qa_a.png) no-repeat 10px 15px;
	font-size: 14px;
	padding: 17px 5px 40px 40px;
}
#qa dd.last {
	padding-bottom: 15px;
}
#qa ul,
#qa ol {
	padding-left: 20px;
}
#qa li {
	margin-bottom: 10px;
}
#qa .small {
	font-size: 12px;
}
#qa ol {
	margin:0;
}
#qa .m_num {
	list-style-type: decimal;
}
#qa table {
	margin:3px 0 0 10px;
}
#qa table td {
	font-size:12px;

}
/*==========================================
	footer
==========================================*/
#footer {
	width: 100%;
	height:50px;
	background:#fff;
}
#footer .inner {
	margin: 0 auto;
	width:980px;
	font-size:10px;
	position:relative;
}
#footer .inner .logo {
	position:absolute;
	top:10px;
	left:0;
}
#footer .inner .copy {
	color:#666;
	padding-top:23px;
	text-align:right;
	float:right;
}

/*========================================

  clearfix

========================================*/

.clearfix:after {
  content: ",";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em; 
  line-height: 0; 
}

.clearfix { /* for ie6 */
  display: inline-block;
}

.clearfix { /* for Opera */
  display: block;
}