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

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

a { 
	color:	#069;
	/*text-decoration:none; */ 
}
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: 0 0 5px 0;
	width: 900px;
	height: 60px;
	border-top: 3px solid #FFB366;
	border-bottom: 1px solid #FFB366;	
	background-color: #FFD67B;	
}

#headerLogo {
	clear: left;
	float: left;
	margin: 10px 0 0 10px;
}

#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;
}



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


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

.topicPath li {
	display: inline;
}

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


/***********************************************/
/* Title                                       */
/***********************************************/

.title1 {
	font-size: 95%;
	font-weight: bolder;
	border-top: 1px solid #FFB366;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 5px 14px;
	background: #ffffff url(/image/gg/bg/title1.gif) no-repeat top left;
	margin: 0;
}

.title2 {
	font-size: 95%;
	font-weight: bolder;
	border-left: 5px solid #FFB366;
	border-bottom: 1px dotted #FFB366;
	padding: 3px 0 3px 7px;
}


.title_top {
	font-size: 95%;
	font-weight: bolder;
	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-bottom: 1px solid #5A9B3D;
	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-bottom: 1px solid #5A9B3D;
	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;
	margin-top: 10px;
	color: #c66;
}


.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 #FFB366;
	background-color: #FFFDEE;
}


.sectionSmall .title {
	text-align: center;
	background: #ffffff url(/image/gg/bg/bg1.gif) no-repeat top left;
	font-size: 90%;
	border-top: 1px solid #fff;
	padding: 5px;
	font-weight: bolder;
}


.sectionSmall .category {
	font-size: 90%;
	padding: 5px;
	font-weight: bolder;
	color: #976200;
	background-color: #F8F3CB;
	border-top: 1px solid #FFB366;
	border-bottom: 1px dotted #FFB366;
}

.sectionSmall ul {
	list-style-image: url(/image/gg/bg/marker.gif);
	margin: 0;
	padding-left: 30px;
}

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

}

.sectionSmall li a {
	text-decoration: none;
}

.sectionSmall .selected {
	font-weight: bolder;
	color: #444;
}


/***********************************************/
/* LIST                                      */
/***********************************************/

.list1 {
	font-size: 95%;
	margin: 0;
	padding-left: 30px;
	
}

.list1 li {
	list-style-image: url(/image/gg/bg/marker.gif);
	margin: 5px 0;
}

/***********************************************/
/* 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: #ECEFF7;
	color: #000;
	text-align: center;
}

.gtable td.stitle {
	background-color: #F5F5FF;

}

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

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

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

/***********************************************/
/* 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: red;
}

.colorBR {
	color: #c60;
}

.colorG {
	color: green;
}

.colorN {
	color: #888;
}

/***********************************************/
/* Font                                       */
/***********************************************/

.noUnder {

}

.noUnder a {
	text-decoration: none;
}


/***********************************************/
/* 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;
}

/***********************************************/
/* naviBottom                                  */
/***********************************************/
.navBottom {
	border: 1px dotted #FFB366;
	padding: 10px;
	font-size: 90%;
	background-color: #FFFDEE;
	line-height: 1.5;
}




/***********************************************/
/* 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;
}

/***********************************************/
/* Site			                             */
/***********************************************/

.rank_title {
	background: url('/image/ryugakuschool/triangleR.gif') 0 8px no-repeat;
	font-weight:bold;
	font-size: 120%;
	margin-bottom:5px;
	padding: 3px 0 3px 13px;
}

.rank_comment {
	padding: 0 3px 3px 13px;
}

.rank {
	text-align: center;
}

.rank1 {
	background: url('/image/ryugakuschool/blog/rank1.gif') 13px 5px no-repeat;
	color: #fff;
	font-size: 200%;
	font-weight: bolder;
	text-align: center;
}

.rank23 {
	background: url('/image/ryugakuschool/blog/rank.gif') 13px 5px no-repeat;
	color: #444;
	font-size: 200%;
	font-weight: bolder;
	text-align: center;
}

.rank_register {
	margin: 10px 0 5px auto;
	text-align: right;
	font-size: 80%;
}

.rank_register a {
	text-decoration: none;
}

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

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

}

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

#footerList a {
	text-decoration: none;
}


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