@charset "utf-8";
@import url("reset.css");
/*************************************************
Common CSS

Last Update:2011.07.20
**************************************************/

/*-----------------------------header--*/
#wrap {
	width:950px;
	margin:0px auto;
	color:#666666;
	font-size:
	12px;
}
#wrap a {
	text-decoration:none;
	color:#666666;
}
#wrap a:hover {
	text-decoration:underline;
}
#wrap #header {
	margin:8px 0px 0px 0px;
	padding:0px;
	border-bottom:5px solid #7dcdf4;
	height:52px;
}
#wrap #header h1 {
	float:left;
}
#wrap #header ul#tab {
	margin:6px 0px 0px 0px;
	padding:0px;
	font-size:13px;
	letter-spacing:-1px;
	float:left;
}
#wrap #header ul#tab li {
	float:left;
	margin-right:1px;
}
#wrap #header ul#tab li.tabOn {
	background-image:url(../img/hd_tab_001.gif);
	width:160px;
	height:46px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
#wrap #header ul#tab li.tabOn.narrow {
	background-image:url(../img/hd_tab_001_narrow.gif);
	width:100px;
}

#wrap #header ul#tab li.tabOn a {
	display:block;
	height:28px;
	text-decoration:none;
	color:#ffffff;
	padding-top:18px;
}
#wrap #header ul#tab li.tabOff {
	background-image:url(../img/hd_tab_002.gif);
	width:160px;
	height:46px;
	font-weight:bold;
	text-align:center;
}
#wrap #header ul#tab li.tabOff.narrow {
	background-image:url(../img/hd_tab_002_narrow.gif);
	width:100px;
}
#wrap #header ul#tab li.tabOff a {
	display:block;
	height:25px;
	text-decoration:none;
	color:#666666;
	padding-top:21px;
}
#wrap #header ul#tab li a.twoline {
	padding-top:12px;
}
#wrap #header .teacher {
	font-weight:bold;
	font-size:13px;
	text-align:right;
	float:left;
	margin:18px 0px 0px 5px;
}
#wrap #header ul#Rbtn {
	margin:0px;
	padding:0px;
	float:right;
	width:230px;
}
#wrap #header ul#Rbtn li {
	float:right;
}
#wrap #header ul#Rbtn li.btn-fukusei {
	text-align:right;
	height:27px;
	float:none;
}

/*-------------------------------------*/
/*--------------------------Left Area--*/
#wrap #lArea {
	width:390px;
	float:left;
	margin:15px 0px 0px 0px;
}
#wrap #lArea h2 {
	clear:both;
}
#wrap #lArea dl {
	margin:4px 0px 0px 0px;
	padding-left:6px;
	float:left;
}
#wrap #lArea dt {
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
	position:relative;
	width:187px;
}
#wrap #lArea dt .cmnIcon {
	position:absolute;
	top:23px;
	left:133px;
}
#wrap #lArea dd {
	width:142px;
	height:16px;
	background-image:url(../img/cmn_leftimg_006.gif);
	font-size:12px;
	padding:4px 0px 0px 45px;
	margin:0px 0px 5px 0px;
}
#wrap #lArea dd a {
	color:#4a4a4a;
}
#wrap #lArea ul#media {
	width:310px;
	padding:10px 0px 0px 80px;
}
#wrap #lArea ul#media li {
	background-image:url(../img/cmn_list_001.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	float:left;
	padding-left:18px;
}
#wrap #lArea ul#media img {
	margin:0px 15px 0px 8px;
	vertical-align:-5px;
}
#wrap #lArea form {
	text-align:center;
	margin:10px 0px;
}
#wrap #lArea form img {
	vertical-align:-4px;
}
#wrap #lArea .greyoverlay1{
	width:390px;
	height:61px;
	position:absolute;
	margin:349px 0 0 0;
	background:#FFF;
	opacity:0.7;
	filter:alpha(opacity=70);
}
*+html #wrap #lArea .greyoverlay1{
	margin:280px 0 0 -386px;
}
* html #wrap #lArea .greyoverlay1{
	margin:280px 0 0 -386px;
}
#wrap #lArea .greyoverlay2{
	width:390px;
	height:74px;
	position:absolute;
	margin:22px 0 0 0;
	background:#FFF;
	opacity:0.7;
	filter:alpha(opacity=70);
}
*+html #wrap #lArea .greyoverlay2{
	margin:0;
}
* html #wrap #lArea .greyoverlay2{
	margin:0;
}
#wrap #lArea .greyoverlay3{
	width:390px;
	height:110px;
	position:absolute;
	margin:5px 0 0 0;
	background:#FFF;
	opacity:0.7;
	filter:alpha(opacity=70);
}
*+html #wrap #lArea .greyoverlay3{
	margin:0;
}
* html #wrap #lArea .greyoverlay3{
	margin:0;
}

#wrap #lArea .extensionCheck {
	font-size: 1.1em;
	font-weight: bold;
	margin:10px 0 50px 10px;
}

/*-------------------------------------*/

/*-------------------------Center Area--*/
#wrap #cArea {
	width:30px;
	float:left;
}
/*-------------------------------------*/
/*-------------------------Right Area--*/
#wrap #rArea {
	width:530px;
	float:left;
	margin:15px 0px 0px 0px;
	color:#333333;
	line-height:19px;
}
#wrap #rArea ul#topLink li {
	float:right;
}
#wrap #rArea #previewBtn {
	clear:both;
	text-align:right;
	margin-top:10px;
}
#wrap #rArea #commentArea {
	background-color:#cccccc;
}
#wrap #rArea #commentArea h3 {
	margin:0px 7px;
}
#wrap #rArea #commentArea .innerArea {
	width:516px;
	background-image:url(../img/cmn_comment_005.gif);
	background-repeat:repeat-y;
	margin:1px 7px 0px 7px;
}
#wrap #rArea #commentArea .innerArea h4 {
	margin:2px 0px 0px 18px;
	font-weight:bold;
}
#wrap #rArea #commentArea .innerArea .caption {
	line-height:19px;
	margin:10px 0px 0px 18px;
}
#wrap #rArea #commentArea .innerArea .moreIn {
	background-image:url(../img/cmn_comment_008.gif);
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
}
#wrap #rArea #commentArea .innerArea .moreIn p {
	text-align:center;
	font-weight:bold;
	padding:15px 0px 0px 0px;
	color:#fe0000;
}
#wrap #rArea #commentArea .innerArea02 {
	width:516px;
	background-image:url(../img/cmn_comment_012.gif);
	background-repeat:repeat-y;
	margin:1px 7px 0px 7px;
}
#wrap #rArea #commentArea .innerArea02 .leftContents {
	float:left;
	width:221px;
	margin:10px 0px 10px 0px;
	padding-left:17px;
}
#wrap #rArea #commentArea .innerArea02 .rightContents {
	float:right;
	width:221px;
	margin:10px 0px 10px 0px;
	padding-right:17px;
}
#wrap #rArea #commentArea .innerArea ul.thumbnail {
	float:left;
	margin:10px 0px 0px 10px;
	_margin:10px 0px 0px 0px;

}
#wrap #rArea #commentArea .innerArea ul.thumbnail li {
	float:left;
	margin-left:10px;

}
#wrap #rArea #commentArea .innerArea p.thumbnailT {
	float:left;
	display:inline;
	width:150px;
	margin:25px 0px 0px 10px;

}
#wrap #rArea #commentArea .innerArea hr {
	clear:both;
	border:1px solid #cccccc;
	height:1px;
	border-width: 1px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}

/*-------------------------------------*/
/*-----------------------------pagenotfound--*/
#wrap .pagenotfound{
	margin:25px 0 0;
	padding:0 25px;
}
#wrap .pagenotfound h2{
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 15px;
}
/*-------------------------------------*/
/*-----------------------------footer--*/
#wrap #footer {
	width:950px;
	border-top:3px solid #999999;
	margin-top:30px;
	text-align:center;
}
/*-------------------------------------*/