@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	pc
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	height:100%;
	overflow-y: scroll;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* clerfix */
.clearfix:before,
.clearfix:after{
  content:"";
  display: table;
}
.clearfix:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.clearfix{
  *zoom:1;
}



body {
height:100%;
background: url(../img/bg.gif) repeat;
}

#container {
	width:860px;
	height:100%;
min-height:100%;
line-height:1.5em;
	padding:60px 50px 50px;
	margin:0 auto;
	background:#FFF;
}

body > #container {
height:auto;
}

#container #header h1 {
	width:737px;
	height:33px;
	margin:0 auto 10px;
	background:url(../img/title.gif) no-repeat;
	text-indent:-9999px;
}

#hline {
	width:800px;
	height:5px;
	margin:0 auto 35px;
	background: rgb(0,204,255);
	background: -moz-linear-gradient(left,  rgb(0,204,255) 0%, rgb(0,153,255) 100%);
	background: -webkit-linear-gradient(left,  rgb(0,204,255) 0%,rgb(0,153,255) 100%);
	background: linear-gradient(to right,  rgb(0,204,255) 0%,rgb(0,153,255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#0099ff',GradientType=1 );
}

footer #copy {
	width:100%;
	margin: 0;
	padding:3px 0;
    background-color: #00b8ee;
	color:#FFF;
	font-size:77%;
	text-align:center;
}


/* contents
----------------------------------------------------------- */
article > h2 {
	margin:0 0 1em;
	text-align:center;
	font-size:140%;
	font-weight:normal;
	color: #333;
}

h2 + section {
	margin:0 25px 0 20px;
}

section {
	float:left;
	width:255px;
	margin:0 25px 0 0;
}

section h1 {
	height:80px;
	line-height:80px;
	background:#39F;
	font-size:190%;
	text-align:center;
	color:#FFF;
}

section h2 {
font-size:128%;
font-weight:bold;
color: #F60;
}

section h3 {
	margin:0 0 2px;
font-size:118%;
font-weight:bold;
}

section p {
	line-height:1.5em;
	margin:10px 0 0;
	font-size:120%;
	font-weight:bold;
}

section div {
	height:120px;
	margin:0 0 1em;
	padding:20px 15px 15px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
}

article p {
	margin:0 0 2em;
	font-size:108%;
	text-align:center;
}

article ul {
	clear:both;
	line-height:1.6em;
	padding:0 0 0 1em;
	text-indent:-1em;
}

section + ul {
	margin:0 0 3em 3em;
}

article dl {
	line-height:1.6em;
	margin:0 auto;
	width:750px;
	font-size:108%;
}

article dt {
	margin:0 0 7px;
	padding:3px 0 2px 8px;
	font-weight:bold;
	font-size:115%;
	-webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
background-size: 3px 3px;
background-color: #a5e0fe;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #33ccff), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #33ccff),
            color-stop(.75, #33ccff), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #33ccff 25%, transparent 25%,
          transparent 50%, #33ccff 50%, #33ccff 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #33ccff 25%, transparent 25%,
          transparent 50%, #33ccff 50%, #33ccff 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #33ccff 25%, transparent 25%,
          transparent 50%, #33ccff 50%, #33ccff 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #33ccff 25%, transparent 25%,
          transparent 50%, #33ccff 50%, #33ccff 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #33ccff 25%, transparent 25%,
          transparent 50%, #33ccff 50%, #33ccff 75%,
          transparent 75%, transparent);
}

article dd {
	margin:0 0 2em 0.5em;
	font-size:108%;
}

article .end {
	text-decoration:line-through;
}

article dl .mini {
	margin:0 0 0 1em;
	font-size:90%;
}

article dl .red {
	color:#C00;
}

article #button {
	position: relative;
	display:block;
	width:450px;
	margin:50px auto 0;
	padding:15px 0;
	background-color: #F90;
	border-radius: 4px;
	color: #fff;
	font-size:170%;
	font-weight:bold;
	text-align:center;
}

article #button:hover {
	background-color: #feb343;
}

article #button:active {
	top: 2px;
}

article #button2 {
	position: relative;
	display:block;
	width:450px;
	margin:50px auto 0;
	padding:15px 0;
	background-color: #CCC;
	border-radius: 4px;
	color: #ededed;
	font-size:170%;
	font-weight:bold;
	text-align:center;
}

article a {
	text-decoration:none;
}

article #att {
	margin:5px 0 0;
	color:#C00;
	font-size:120%;
	font-weight:bold;
}