@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: 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(../../others/common/img/bg.gif) repeat;
}

#container {
	width:720px;
	height:100%;
min-height:100%;
	padding:60px 120px 50px;
	margin:0 auto;
	background:#FFF;
}

body > #container {
height:auto;
}

#container #header h1 {
	margin:0 0 8px 2px;
	text-align:left;
	font-size:161%;
}

#hline {
	width:720px;
	height:5px;
	margin:0 0 30px;
	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 );
}

#container p {
	margin:0 0 1em;
line-height:1.5em;
font-size:93%;
}

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


/* コンテンツ */

article {
	clear:both;
}

article h1 {
	padding:3px 0 2px 5px;
	background:#aef2fe;
	font-size:123%;
}

article dl {
	margin:0 0 3em;
	line-height:1.5em;
font-size:108%;
}

article dt {
float:left;
width:8em;
line-height:1.6em;
padding:0.7em 0 0.7em 0.5em;
letter-spacing:1px;
}

article dd {
margin:0;
padding:0.7em 0;
line-height:1.6em;
background: url(../img/line.gif) repeat-x bottom;
}

article dl a {
	text-decoration:none;
	color:#003399;
}

article dl a:hover {
	color:#044ddd;
}

article p a {
	color: #090;
	text-decoration:none;
}

article p a:hover {
	color: #0C0;
}
#bk{
	text-align: right;
}
#bk a {
	color: #090;
	text-decoration:none;
}

#bk a:hover {
	color: #0C0;
}

/*---------------archive list---------------*/
#archive{
	overflow: hidden;
}
#archive li {
	float:left;
	margin:0 0 1em;
	font-size:119%;
	border-left:1px solid #CCC;
}

#archive li:last-child {
	margin:0 1em 0 0;
	border-right:1px solid #CCC;
}

#archive #r {
	border-right:1px solid #CCC;
}

#archive a {
	padding:2px 7px 2px 8px;
	color: #666;
	text-decoration:none;
}

#archive a:hover {
	color:#999;
	border-bottom:3px solid #09F;
}

/*---------------top button---------------*/

#pagetop {
    position: fixed;
    bottom: 30px;
    right: 60px;
}

#pagetop:hover {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}