/* common
-----------------------------------------*/

body {
	color:#454545;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	letter-spacing: 0;
}

body p {
	line-height:1.6;
}

a:visited {color:#3366FF;}
a:link {color:#3366FF;}
a:hover {color:#FF9900; text-decoration:none;}
a:active {color:#FF9900; text-decoration:none;}

.clear { clear:both; }
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

/* layout
-----------------------------------------*/
#header {
	width:960px;
	height:58px;
	margin:0 auto;
	margin-top:10px;
	background:url(../images/common/hd_bk.png) no-repeat;
}

#section {
	width:960px;
	margin:0 auto;
}

#main {
	width:740px;
	float:right;
	padding-bottom:30px;
}

#aside {
	width:190px;
	float:left;
	padding-bottom:20px;
}

#footer {
	clear:both;
	width:960px;
	margin:0 auto;
}

/* header
-----------------------------------------*/
#siteTitle {
	width:380px;
	height:58px;
	float:left;
	position:relative;
	overflow:hidden;
}
#siteTitle a {
	display:block;
	padding-top:60px;
}

#hdR {
	width:570px;
	float:right;
	text-align:right;
	margin-top:17px;
	font-size:0.75em;
}
#hdR img {
	vertical-align:middle;
}

/* aside
-----------------------------------------*/
#aside ul {
	border-left:solid 1px #CCC;
	border-top:solid 1px #CCC;
}

#aside ul li {
	border-right:solid 1px #CCC;
	border-bottom:dashed 1px #CCC;
}

#aside ul li a {
	display:block;
	padding:10px 5px 7px 20px;
	background:url(../images/common/menu_bk2.jpg) repeat-y;
	font-size:12px;
}
#aside ul li a:visited {color:#454545; text-decoration:none;}
#aside ul li a:link {color:#454545; text-decoration:none;}
#aside ul li a:hover {color:#3366FF; opacity: 0.8;}
#aside ul li a:active {color:#3366FF;}
#aside ul li.menuOn a:visited {color:#3366FF; text-decoration:none;}
#aside ul li.menuOn a:link {color:#3366FF; text-decoration:none;}

#aside ul li.menuSub {
	height:37px;
	border-bottom:solid 1px #CCC;
}
#aside ul li.menuSub a {
	padding:0px;
	padding-left:20px;
	height:37px;
	background:url(../images/common/menu_bk.png) no-repeat;
	position:relative;
}
#aside ul li.menuSub a span {
	display:block;
	font-size:14px;
	position:absolute;
	top:50%;
	margin-top:-5px;
}
#aside ul li.menuSub a:hover {
	opacity: 1.0;
	background-position:0 -37px;
}
#aside ul li.menuSubOn a {
	background-position:0 -37px;
}

#aside .sideAdd {
	padding:10px;
	font-size:12px;
	line-height:1.6;
}

/* footer
-----------------------------------------*/
#footer { clear:both; }

#footer a:link { color:#454545; text-decoration:none; }
#footer a:visited { color:#454545; text-decoration:none; }
#footer a:hover { color:#3366FF; }
#footer a:active { color:#3366FF; }

#toTop { margin-bottom:1px; }
#toTop #ttL {
	width:835px;
	height:19px;
	border-bottom:solid 1px #CCC;
	float:left;
}
#toTop #ttR {
	width:125px;
	height:20px;
	float:right;
	background:url(../images/common/ico_pagetop.gif) no-repeat;
}
#toTop #ttR a {
	display:block;
	height:14px;
	padding:6px 0 0 23px;
	font-size:10px;
}

#ftMain {
	clear:both;
	padding:10px 20px;
	margin-bottom:10px;
	font-size:0.69em;
	height:35px;
	background:-moz-linear-gradient(top, #DDD, rgba(200,200,200,0));
	background:-webkit-gradient(linear, left top, left bottom, from(#DDD), to(rgba(200,200,200,0)));
	filter:progid:DXImageTransform.Microsoft.Gradient(Enable=1,GradientType=0,StartColorStr=#FFDDDDDD,EndColorStr=#00DDDDDD);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='FFDDDDDD', endColorstr='#00DDDDDD')";
}
#ftMain #ftLink {
	width:560px;
	float:left;
}
#ftMain #copy {
	width:360px;
	float:right;
	text-align:right;
}