/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
	margin:	0;
	padding: 0px; 
	font-family: Arial,"MS PGothic";
	color: #333;
	text-align: center;
}

a { 
	color:	#069; 
}
a:visited { 
	color:	#069; 
}

a:hover { 
	color:	red; 
	text-decoration:underline; 
}

a:active { 
	color:	red; 
	text-decoration:underline; 
}

img	{ 
	border:		0;
	padding:	0;
}



/***********************************************/
/* Layout                                      */
/***********************************************/
#container {
	width: 900px;
	text-align: left;
	margin: 0 auto;
}



#header {
	float:left;
	margin: 10px 0 20px 0;
	width: 900px;
	border-bottom: 1px solid #ccc;
}

#headerLogo {
	clear: left;
	float: left;
}

#headerLink {
	font-size: 80%;
	background: url(/image/bg/menu/menu_off.gif) no-repeat 0;
	padding-left: 10px;
	margin-top: 5px;
	float:right;
}

#contents {
	float: left;
	width: 590px;
	margin: 0 10px 10px 0;
}

#contents p {
	padding: 10px 0 10px 5px;
	line-height: 1.5;
	font-size:95%;
	margin: 0;
}

#contents p img {
	vertical-align: middle;
}


#rightColumn {
	float: left;
	width: 300px;
	margin-bottom: 10px;
}

#rightColumn p {
	padding: 5px;
	line-height: 1.5;
	font-size:80%;
	margin: 0;
	text-align: left;
}



/***********************************************/
/* Top Navi                                    */
/***********************************************/

#nav {
	clear:both;
	width: 900px;
	padding-top: 10px;
	background-color: #fff;
	border-bottom: 3px solid #004080;
	font-size: 80%;
}

#nav .nl {
	width: 100%;
	margin: 0 auto 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}


#nav .nl li {
	width: 8em;
	margin-right: 4px;
	background: #f9f9f9 url(/image/bg/tab/gen1_left.gif) no-repeat left top; 
	float: left;

}

#nav .nl li a {
	display: block;
	position: relative; /* IE6—p */
	padding: 6px 2px 5px 2px; 
	background: url(/image/bg/tab/gen1_right.gif) no-repeat right top;
	text-decoration: none;
	
}

#nav .nl li a:hover {
	text-decoration: underline; 
}

#nav .nl li.active {
	background: #004080 url(/image/bg/tab/act1_left.gif) no-repeat left top; 
}
#nav .nl li.active a {
	background: url(/image/bg/tab/act1_right.gif) no-repeat right top;
	color: #ffffff; 
}


/***********************************************/
/* Other Navi                                 */
/***********************************************/

#navSecond {
	margin-top: 0;
	background: url(/image/bg/tab/sub_bg.gif) repeat-x top; 
	border-bottom: 5px solid #C8D6E5; 
	font-size: 80%;
	clear: left;
	width: 100%;
}

#navSecond .nl {
	margin: 0 auto 0 3px;
	padding: 0;
	background: url(/image/bg/tab/sub_bg.gif) repeat-x top; 
	list-style-type: none;
	text-align: center;
}

#navSecond .nl li {
	float: left;
	background: url(/image/bg/tab/sub_right.gif) no-repeat top right;
	
}

#navSecond .nl li a {
	display: block;
	position: relative; /* IE6—p */
	padding: 4px 15px 2px 15px;
	text-decoration: none;
	color: #fff;
}

#navSecond .nl li a:hover {
	background: url(/image/bg/tab/sub_hover.gif) no-repeat 100% 0;

}

#navSecond .nl li.selected {
	text-decoration: none;
	background: url(/image/bg/tab/sub_left_selected.gif) no-repeat top left;
	border: none;
}

#navSecond .nl li.selected a {
	background: url(/image/bg/tab/sub_right_selected.gif) no-repeat top right;
	color: #333;	
}




#menuContents {
	margin:10px 0 20px 5px;
	font-size: 80%;
	clear: left;
/*	background-color: #ffd;
	border-top: 1px dotted #ddd; */
	width: 100%;

}

#menuContents .cl {
	margin: 0 auto 0 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#menuContents .cl li {
	float: left;
	background: url(/image/common/bullet_go.gif) no-repeat 2px 5px ;
	padding: 6px 5px 5px 17px;
	
}

#menuContents a {
	text-decoration: none;
}

.menuTopTitle {
	margin:10px 0 0 0;
	font-size: 95%;
	background: url(/image/common/bullet_go.gif) no-repeat 0px 0px ;
	padding-left: 18px;
	font-weight: bolder;
}


.menuTop {
	margin: 0;
	font-size: 80%;
	clear: left;
	width: 100%;
	padding-bottom:10px;
	border-bottom: 1px dotted #ddd;
}

.menuTop .cl {
	margin: 0 auto 0 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

.menuTop .cl li {
	float: left;
	background: url(/image/bg/menu/menu_off.gif) no-repeat 2px 8px ;
	padding: 5px 5px 0 12px;
}

.menuTop .cl li a {
	text-decoration: none;
}


.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}

.clearFix {
	min-height: 1px;
}


/***********************************************/
/* Topic Path                                  */
/***********************************************/

#topicPathBox {
	margin: 0 0 15px 0;
	clear: left;
	padding: 2px 0 0 0;
	/* border-bottom: 1px dotted #ddd;
	   background: #fff url(/image/bg/menu/nav_off.gif) repeat-x top;*/
}

.topicPath {
	padding-left: 0;
	font-size: 80%;
	margin: 3px;
}	

.topicPath li {
	display: inline;
}

.topicPath li a {
	text-decoration: none;
	padding-right: 12px; 
	background: url(/image/bg/menu/topic_path.gif) no-repeat right; 
}


/***********************************************/
/* Title                                       */
/***********************************************/
.title_top {
	font-size: 95%;
	font-weight: bolder;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 6px 0 6px 25px;
	background: #ffffff url(/image/wh/bg/title1.gif) no-repeat top left;
	margin: 0;
}

.title_sub {
	font-size: 95%;
	font-weight: bolder;
	border-top: 1px solid #5A9B3D;
	border-bottom: 1px solid #eee;
	padding: 6px 0 3px 21px;
	background: #ffffff url(/image/wh/bg/title2.gif) no-repeat top left;
	margin: 0;
	margin-top: 10px;
	color: #5A9B3D;
}

.title_basic {
	font-size: 95%;
	font-weight: bolder;
	border-top: 1px solid #5A9B3D;
	border-bottom: 1px solid #eee;
	padding: 6px 0 3px 5px;
	background: #fff url(/image/bg/menu/nav_off.gif) repeat-x top;
	margin: 0;
	margin-top: 10px;
	color: #5A9B3D;
}

.title_basic img {
	vertical-align: top;
}

.title_point {
	font-size: 95%;
	font-weight: bolder;
	border-bottom: 1px dotted #ccc;
	padding: 6px 0 3px 0;
	margin: 0;
	color: #c60;
}

.title_point_go {
	font-size: 95%;
	font-weight: bolder;
	border-bottom: 1px dotted #ccc;
	background: url(/image/common/bullet_go.gif) no-repeat 0px 6px ;
	padding: 6px 0 3px 18px;
	margin: 0;
	color: #c60;
}


.title_go {
	border-bottom: 1px dotted #ccc;
	background: url(/image/common/bullet_go.gif) no-repeat 0px 0px ;
	padding-left: 18px;
	font-weight: bolder;
	margin-bottom: 5px;
	
}




/***********************************************/
/* Section                                     */
/***********************************************/


.sectionSmall {
	border: 1px solid #ccc;
}


.sectionSmall .title {
	background: #ffffff url(/image/bg/menu/nav_off.gif) repeat-x top left;
	font-size: 80%;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	color: #444;	
}

.sectionSmall .title img {
	vertical-align:middle;
	margin-right: 3px
}

.sectionSmall p {
	font-size:80%;
	margin: 5px;

}


.listM {
	padding: 10px 0 10px 25px;
	line-height: 1.5;
	font-size:95%;
	margin: 0;
	list-style-image: url(/image/common/bullet_green.gif);	
}


	

.qSmall {
	background: url(/image/common/qGreen_mini.gif) no-repeat 4px 7px ;
	font-size:80%;
	padding: 5px 5px 5px 22px;
}

.qSmall a {
	text-decoration: none;
}



/***********************************************/
/* TABLE                                      */
/***********************************************/

.gtable {
	font-size: 80%;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	
}

.gtable td {
	border: 1px solid #ccc;
	padding: 5px;
}

.gtable .title td {
	background-color: #5DBC4F;
	color: #fff;
	text-align: center;
}

.gtable td.stitle {
	background-color: #efe;
}

/***********************************************/
/* Box                                         */
/***********************************************/

.boxG {
	background-color: #efe;
	border: 1px solid #dfd;
}

.boxY {
	background-color: #ffd;
	border: 1px solid #fda;
}

/***********************************************/
/* Font Sides                                  */
/***********************************************/
.sizeM {
	font-size: 95%;
}

.sizeS {
	font-size: 80%;
}

.sizeSS {
	font-size: 75%;	
}

/***********************************************/
/* Font Align                                 */
/***********************************************/
.alignC {
	text-align: center;
}

.alignL {
	text-align: left;
}

.alignR {
	text-align: right;
}

/***********************************************/
/* Color                                       */
/***********************************************/

.colorR {
	color: #c33;
}

.colorBR {
	color: #c60;
}

.colorG {
	color: green;
}

.colorN {
	color: #888;
}

/***********************************************/
/* border                                      */
/***********************************************/

.bold {
	font-weight: bolder;
}


/***********************************************/
/* qaSide                                      */
/***********************************************/

#qaSide {
	text-align: center;
	margin: 5px;
	font-size:80%;
	color: #666;
}

#qaSide textarea {
	width: 275px;
	margin: 3px auto 5px auto;
	border: 1px solid #ccc;
}

/***********************************************/
/* Pager                                       */
/***********************************************/

#pager {
	margin: 10px 0;
	font-size: 80%;
	text-align: center;
	color: #ccc;
	vertical-align: baseline;
}

#pager .active {
	color: #5A9B3D;
	font-weight: bold;
	font-size: 120%;
}

#pager a {
	text-decoration: none;
}

/***********************************************/
/* Q&A                                         */
/***********************************************/
.qTitle {
	background: url(/image/common/help.gif) no-repeat 0px 10px ;
	color: #c60;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 10px 20px;
	margin-bottom: 5px;
}

.qComment {
	padding: 10px 0 10px 20px;
	margin: 0
}

.qestion {
	background: url(/image/wh/q.gif) no-repeat 5px 7px ;
	padding: 10px 0 20px 55px;
	/*	background: url(/image/common/qGreen.gif) no-repeat 5px 12px ;
	padding: 10px 0 20px 30px; */
	font-size: 95%;	
	border-bottom: 1px dotted #ccc;
}

.qestion a {
	text-decoration: none;
}


.qList {
	margin: 2px 0 0 0;
	font-size: 80%;
	clear: left;
	width: 100%;
	padding-bottom:5px;
	color: #666;
}

.qList .cl {
	margin: 0 0 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: left;
	
}

.qList .cl li {
	float: right;
	background: url(/image/common/triGreen.gif) no-repeat 0 3px ;
	padding: 0 0 0 12px;
}

.answer {
	background: url(/image/wh/bg/a.gif) no-repeat 0 1px;
	padding: 15px 0 20px 55px;
	font-size: 95%;	
	border-top: 1px solid #ddd;
	clear: both;
}

.res {
	clear: both;
	margin: 20px 0 0 55px;
	padding: 10px;
	font-size: 80%;	
	border: 1px dotted #ddd;
	clear: both;
	background-color: #ffe;

}

.res .title {
	background: url(/image/common/comment.gif) no-repeat 0 0 ;
	padding: 0 0 5px 20px;
	color: #963;
}

/***********************************************/
/* naviBottom                                  */
/***********************************************/
#navBottom {
	margin-top: 10px;
	text-align: center;
	padding: 10px;
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	font-size: 80%;
	background-color: #eee;
}
#navBottom a {
	text-decoration: none;
}



#navBack {
	text-align: right;
	font-size: 80%;
	font-weight: bolder;
	padding-top: 5px;
}

#navBack a {
	text-decoration: none;
}

#navBack .nl {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	float: right;
}

#navBack .nl li {
	background: url(/image/common/bullet_go.gif) no-repeat 0 0 ;
	padding: 0 3px 0 20px; 
	display: inline;
}

/***********************************************/
/* GoTo                                  */
/***********************************************/
.goTop {
	text-align: right;	
	font-size: 60%;
}

.goTop a {
	background: url(/image/common/bullet_top.gif) no-repeat 0 0 ;
	padding-left: 13px;
	color: #888;
	text-decoration: none;
}

.goTop a:hover {
	color:red;
	text-decoration: underline;
}

/***********************************************/
/* Footer                              */
/***********************************************/

#footer {
	clear: both;
	border-top: 2px solid #004080;
	padding-bottom: 10px;
	font-size: 80%;
	text-align: center;
	font-weight: normal;

}

#footerList {
	margin-top: 5px;
	text-align: right;
}

#footerList a {
	text-decoration: none;
}

/***********************************************/
/* Other                              */
/***********************************************/

.ranking {
	background: url('/image/ryugakuschool/blog/rank.gif') 10px 5px no-repeat;
	color: #444;
	font-size: 200%;
	font-weight: bolder;
	text-align: center;
	vertical-align: top;
	padding: 15px 0 0 15px;
	width:60px;
}