/*  
Theme Name: College Theme for WordPress
Theme URI: http://www.wpthemejp.com/
Description: WEB標準に準拠したWordPressのテーマです。
Version: 1.0
Author: Performancing in cooperation with Design Disease
Author URI: http://themes.performancing.com
*/

* {
	margin: 0;
	padding: 0;
}

img { border: none; }

.clear { clear: both; }

body {
	background: #d3e5ea;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #202328;
}

#wrapper {
	width: 891px;
	margin: 41px auto 0 auto;
}
	
	h1 a {
		margin: 0 0 0px 0px;
		color: #f00;
		text-decoration: none;
	}
 .Desc { color:#444; font-size: 12px; line-height: 14px; font-weight: 0; letter-spacing: 2px; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 15px 0px; text-transform: uppercase;}

	#main-content {
		width: 618px;
		background: url(images/content-top.gif) no-repeat top;
		float: right;
		padding: 4px 0 0 0;
	}
	
		#content {
			width: 568px;
			background: #fff url(images/content-bottom.gif) no-repeat bottom;
			padding: 18px 27px 30px 23px;
			margin: 0 0 15px 0;
		}
		
			#navigation, .menu ul {
				width: 548px; height: 30px;
				background: url(images/navigation-bg.gif) no-repeat;
				padding: 0 10px;
					line-height: 30px;
			}
			
				#navigation li, .menu ul li {
					float: left;
					color: #c00;
					margin: 9px 0;
					list-style: none;
					line-height: 1;
				}
				
					#navigation li a, .menu ul li a {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #c00;
						font-weight: bold;
						text-decoration: underline;
					}
					
					#navigation li a:hover, .menu ul li a:hover { text-decoration: none; }
					
					#navigation .page_item, .menu ul .page_item { padding-left: 5px; margin-left: 5px; border-left: 1px solid #c5af99; }
					
			#content h2 a {
				font-size: 26px;
				font-weight: normal;
				color: #f00;
				text-decoration: none;
				margin: 40px 0 0 0;
				display: block;
				clear: both;
			}
			
				#content h2 a:hover { text-decoration: underline; }
				
			#content .post-info {
				color: #963;
				line-height: 14px;
				text-transform: uppercase;
				font-size: 11px;
				padding: 0;
			}
			
			hr {
				height: 0;
				border: none;
				border-bottom: 1px solid #c5af99;
				margin: 4px 0;
			}
			
			#content .post-date {
				color: #963;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				padding: 0 0 10px 0;
			}
			
			.post-image {
				float: left;
				border: 5px solid #ffebde;
				margin: 0 24px 10px 0;
			}
			
			#content p {
				line-height: 18px;
				padding: 0 0 10px 0;
			}
			
				#content a { color: #f00; text-decoration: underline; }
							
				#content a:hover { text-decoration: none; }
			
			#content .comment-link {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 11px;
				color: #f00;
				padding: 0;
			}
			
				#content .comment-link a { color: #f00; text-decoration: underline; }
				
				#content .comment-link a:hover { text-decoration: none; }
					
				#content blockquote { padding: 10px 15px; background: #fffde5; margin: 0 0 10px; color:#993300; border: solid 1px #f6f3d3;}
				
		#content blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
		#content ul, #content ol { font-size: 11px; padding-left: 18px; }	
				
		#tab-menu {
			width: 618px; height: 26px;
			background: url(images/tab-top.gif) no-repeat bottom;
			padding: 0 0 5px 0;
			list-style: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
			#tab-menu li { display: inline; }
				
			#tab-menu li a /* , #tab-menu li a .active */ {
				height: 26px;
				background: url(images/tab-right.gif) no-repeat bottom right;
				line-height: 26px;
				color: #fff;
				text-decoration: none;
				float: left;
				margin: 0 2px 0 0;
				padding: 0 6px 0 0;
				display: inline-block;
			}
			
				#tab-menu li a { cursor: pointer; }
							
				#tab-menu li a span /* ,#tab-menu li a .active span */ {
					height: 26px;
					background: url(images/tab-left.gif) no-repeat bottom left;
					line-height: 26px;
					padding: 0 12px 0 18px;
					display: block;
					float: left;
				}
				
				#tab-menu li a:hover, #tab-menu .TabLink .active { background: url(images/tab-right.gif) no-repeat top right; }
				
				#tab-menu li a:hover span, #tab-menu .TabLink .active span { background: url(images/tab-left.gif) no-repeat top left; }
				
			.tab-box {
			width: 586px;
			background: #2e343a url(images/tab-bottom.gif) no-repeat bottom;
			padding: 16px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #fff;
		}
		
		#footer {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
		/*	line-height: 36px; */
			padding: 20px 0 20px 0;
			color: #2e3537;
		}
		
	#sidebar {
		width: 258px;
		float: left;
	}
	
		.dark-box {
			width: 221px;
			background: #2e343a url(images/dark-box-top.gif) no-repeat top left;
			padding: 21px 19px 16px 18px;
		}
		
			.dark-box h3 {
				font-size: 18px;
				color: #fff;
				text-transform: uppercase;
				font-weight: normal;
				margin: 0 0 4px 0;
			}
			
			.dark-box .search-box {
				width: 159px; height: 15px;
				background: url(images/search-box.gif) no-repeat;
				padding: 5px;
				border: none;
				color: #fff;
				float: left;
			}
			
			.dark-box .search-button {
				width: 52px; height: 25px;
				background: url(images/search-button.gif) no-repeat;
				display: block;
				float: left;
				font-size: 0.1em;
				color: #535a61;
				text-align: left;
				cursor: pointer;
				border: none;
			}
				
		
		.dark-box-bottom {
			width: 258px; height: 16px;
			background: url(images/dark-box-bottom.gif) no-repeat top left;
		}
		
		.med-box {
			width: 221px;
			background: #5f666d url(images/med-box-top.gif) no-repeat top left;
			padding: 21px 19px 16px 18px;
		}
		
			.med-box h3 {
				font-size: 18px;
				color: #ffc;
				text-transform: uppercase;
				font-weight: normal;
				margin: 0 0 4px 0;
				padding: 0 0 4px 0;
				border-bottom: 1px solid #8b9299;
			}
			
			.med-box ul li {
				background: url(images/list-arrow-med.gif) no-repeat 0 6px;
				padding: 1px 0 1px 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #ffc;
				list-style: none;
			}
			
				.med-box ul li a { color: #ffc; text-decoration: none; }
				
				.med-box ul li a:hover { text-decoration: underline; }
		
		.med-box-bottom {
			width: 258px; height: 16px;
			background: url(images/med-box-bottom.gif) no-repeat top left;
		}
		
		.light-box, .widget {
			width: 221px;
			background: #a6bac0 url(images/light-box-top.gif) no-repeat top left;
			padding: 21px 19px 16px 18px;
		}
		
			.light-box h3, .widget h3 {
				font-size: 18px;
				color: #18191b;
				text-transform: uppercase;
				font-weight: normal;
				margin: 0 0 4px 0;
				padding: 0 0 4px 0;
				border-bottom: 1px solid #859aa0;
			}
			
			.light-box ul li, .widget ul li {
				background: url(images/list-arrow-light.gif) no-repeat 0 6px;
				padding: 1px 0 1px 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #2e343a;
				list-style: none;
			}
			
				.light-box ul li a, .widget ul li a { color: #2e343a; text-decoration: none; }
				
				.light-box ul li a:hover, .widget ul li a:hover { text-decoration: underline; }
		
		.light-box-bottom, .widget-bottom {
			width: 258px; height: 16px;
			background: url(images/light-box-bottom.gif) no-repeat top left;
		}
			

 .Block .Extra { background: #1699d6 url(images/ExtraBottom.gif) no-repeat left bottom; margin: 0px; width: 360px;}
 #tab-menu .NavLinks {margin: 0px; padding: 0px; display: inline; list-style-type: none; float: right;}

 .tab-box { clear: left;}
 .tab-box ul { padding: 0px; margin: 0px;}
 .tab-box li { color:#fff; padding: 2px 0px 2px 10px; margin: 0px; list-style-type: none;  font-size: 11px;}
 .tab-box li a { color:#fff; text-decoration: none;}
 .tab-box li a:visited { color:#fff; text-decoration: none;}
 .tab-box li a:hover { color:#fff; text-decoration: none;} 

 .tab-box .off { color:#fff; text-decoration: none;}
 .tab-box .on { color:#fff; text-decoration: none;}
 
 
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#content .PostNote { margin: 0px; padding: 0px;}
#content .PostNote li { margin: 2px 0px; padding: 2px 0px 2px 23px; list-style-type: none; }
#content .PostNote .TrackBack { background: url(./images/PostNoteTrackBack.png) no-repeat left center; }
#content .PostNote .RSS { background: url(./images/PostNoteRSS.png) no-repeat left center; }

.Comments { padding: 0px; margin: 20px 0px 20px 0px; }

.posts-navigation .previous, .Comments .comment-navigation .previous { float: left; }
.posts-navigation .next, .Comments .comment-navigation .next { float: right; }
.posts-navigation, .Comments .comment-navigation { margin: 10px 0 20px; overflow: hidden; }
.posts-navigation { margin: 40px 0 0; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; text-transform: uppercase; }

#content .List .commentlist, #content .List .commentlist .children { margin: 0; padding: 0; }
	#content .List .commentlist .comment-author { margin: 0; padding: 0; }
	#content .List .commentlist li { height: 1%; }
	.commentlist .avatar { float: left; margin: 0 10px 0 0; }
	.comment-meta, .commenttext, #content .List .commentlist .children { padding: 0 0 0 40px; }
	.commenttext { clear: both; }

.List li { position: relative; padding: 0px; margin: 0px 0px 20px 0px; list-style-type: none; font-size: 11px;}

.List .ListUser { margin: 0px; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold;}
.List .ListUser a { text-decoration: none;}
.List .ListUser a:visited { text-decoration: none;}
.List .ListUser a:hover { text-decoration: none;}

.List .ListDate { padding-left: 0px;}
.List .ListDate a { text-decoration: none; color: #666;}
.List .ListDate a:visited { text-decoration: none; color: #666;}
.List .ListDate a:hover { text-decoration: none; color: #666; }

.List .ListContent { line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.List .ListContent p { padding: 3px 0px; margin: 3px 0px; line-height: 14px;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.Form {}
.Form h3 {font-size: 18px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 1px #c5cad0; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.Form p { padding: 0px; margin: 0px; color:#50728c;}
.Form p label { padding-bottom: 11px; display: block; }
.Form p label small { font-size: 11px; color: #cc3300}

.Form .TextField { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-right: 15px; width: 210px; }
.Form .TextArea { background: #fff; border: solid 1px #c3dcf1; padding: 4px; margin-bottom: 10px;}

.Form input.SubmitComment { width: 182px; height: 24px; background: url(images/SubmitComment.png) no-repeat;}

#comment { width: 97%; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Image Styles */
	.post div.wp-caption { margin: 10px; background: #d3e5ea; overflow: hidden; }
		.post .wp-caption img { display: block; margin: 5px auto; }	
		.post .wp-caption-text { margin: 5px; font-size: 11px; line-height: 1.3em; }
	.post div.alignnone { display: block; margin: 10px 10px 10px 0; }
	.post img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	.post img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	.post img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	.post div.alignleft { text-align: left; float: left; margin-left: 0; }
	.post div.alignright { text-align: right; float: right; margin-right: 0; }
	.post div.aligncenter { text-align: center; margin: 0 auto 10px; }
	.post .gallery { margin: auto auto 0; }
		.post .gallery img { border: none; margin-bottom: 5px; }
		.post .gallery .gallery-item, .post .gallery .gallery-icon { clear: none; margin: 0; }
		.post .gallery .gallery-icon {  }
		.post .gallery .gallery-caption { text-align: left; font-size: 11px; line-height: 1.3em; margin: 0 20px 10px; }