/*  
Theme Name: COLLEGE TOWN 2007
Theme URI: http://www.collegetown.or.jp/
Description: The WordPress theme for COLLEGE TOWN
Version: 0.1a
Author: GUCIO & CO.
Author URI: http://gucio.jp/
*/



body {
	font-size: 85%;
	line-height: 1.4;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #444;
	}

body.piano {
	font-size: 85%;
	line-height: 1.4;
	background: #000;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #ddd;
	}


/* ----- ヘッダー部 ----- */

#header {
	display: block;
	width: 800px;
	height: 138px;
	margin: 0 auto;
	background: url(images/body_bg.png) top repeat-x;
	}

#header_pet {
	display: block;
	width: 800px;
	margin: 0 auto;
	padding: 0 0 10px;
	}

#headerimg {
	float: left;
	}

#headerimg h1 a {
	display: block;
	width: 350px;
	height: 60px;
	margin: 16px 0 6px;
	background: url(images/top_logo.gif) no-repeat;
	}

#language_panel {
	float: right;
	font-size: 85%;
	}

#language_panel a {
	padding: 0 12px 3px 8px;
	color: #333;
	background: url(images/footer_arrow.gif) left no-repeat;
	}

#language_panel img.qr {
	vertical-align: -80px;
	}

#emptysearch {
	}

/* ----- 上部ナビゲーションメニュー ----- */

#topnavi {
	clear: both;
	text-align: left;
	width: 800px;
	height: 28px;
	font-size: 85%;
	background: url(images/topnavi_bg.png) no-repeat;
	/*border: 1px solid #ccc;
	padding: 1px;*/
	}

#topnavi ul {
	list-style: none;
	display: inline;
	}

#topnavi ul li {
	float: left;
	padding: 0 0 0 10px;
	}

#topnavi ul li a {
	display: block;
	padding: 6px 11px 5px 14px;
	background: url(images/topnavi_arrow.gif) left 9px no-repeat;
	text-align: center;
	color: #666;
	}

#topnavi ul li a:hover {
	color: #000;
	}

#topnavi ul li.current_page_item {
	font-weight: bold;
	}





/* ----- トップページ下部 ----- */

#front_content {
	display: block;
	background: none;
	width: 800px;
	margin: 10px auto 16px;
	}

#front_content h3 {
	margin-top: 0;
	}

#front_content p {
	margin-left: 12px;
	}
	
div#news {
	float: left;
	display: block;
	width: 390px;
	padding: 0 0 16px 0;
	}

div#news p{
	font-size: 85%;
	padding: 3px 0;
	}
	
div#case {
	float: left;
	display: block;
	padding-left: 10px;
	width: 390px;
	}

#case p{
	font-size: 85%;
	padding: 0 0 16px 0;
	}




/* ----- コンテンツ部全体 ----- */

#page {
	width: 800px;
	margin: 0 auto;
	}




/* ----- 左上のパン屑表示 ----- */

div.breadcrumb {
	clear: left;
	width: 600px;
	float: left;
	margin: 6px 0 16px 0;
	padding: 0 0 0 10px;
	font-size: 11px;
	}

div.breadcrumb a{
	font-size: 11px;
	color: #999;
	}




/* ----- 右上の検索窓 ----- */

div#search {
	float: right;
	margin: 10px 0;
	}

input.search {
	width: 124px;
	margin: 0 3px;
	}




/* ----- ページタイトル画像（表示ページが所属するカテゴリーで画像切り換え ----- */

div#pagetitle {
	display: block;
	width: 800px;
	}





/* ----- 本文エリア ----- */

#content {
	clear: right;
	display: block;
	float: right;
	width: 600px;
	margin: 0 0 16px;
	padding: 0 10px;
	}

#content_pet {
	clear: right;
	display: block;
	float: right;
	width: 570px;
	margin: 0 0 16px;
	padding: 0 0 0 25px;
	}

#content p {
	margin-left: 20px;
	}

#content table {
	margin-left: 20px;
	width: 96%;
	}

#content small {
	margin-left: 20px;
	background: #fbf6ea;
	padding: 2px 6px 3px;
	}

div.entry_center {
	text-align: center;
	}
	
#content ul {
	margin: 6px 0 10px 16px;
	padding: 10px 0;
	}
	
#content ul li {
	margin: 0 0 0 28px;
	font-size: 0.9em;
	}

div.navigation {
	display: block;
	width: 100%;
	height: 20px;
	margin: 20px 0 0 0;
	}

div.navigation a {
	font-size: 0.85em;
	}

div.alignleft {
	display: block;
	float: left;
	width: 50%;
	text-align: left;
	}

div.alignright {
	display: block;
	float: right;
	width: 50%;
	text-align: right;
	}

p.postmetadata alt {
	}






/* ---------- 前のページ・次のページ・トップへ戻る ---------- */

p.contentnavi {
	text-align: right;
	font-size: 0.8em;
	}

p.gotop {
	text-align: right;
	font-size: 0.8em;
	}



/* ---------- GoogleMap ---------- */

div.googlemaps {
	margin: 0 0 0 6px;
	}


/* ---------- サイドバー ---------- */

#sidebar {
	float: left;
	width: 180px;
	margin: 0 0 16px;
	}

#sidebar_pet {
	float: left;
	width: 205px;
	margin: 0 0 16px;
	}

#sidebar h3{
	color: #000;
	padding-left: 10px;
	border: none;
	}
	
#sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
	}

#sidebar ul li{
	margin: 0;
	padding: 0;
	}

#sidebar ul li a {
	display: block;
	width: 165px !important;
	width /**/: 165px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 8px 15px;
	text-decoration: none;
	font-size: 0.85em;
	letter-spacing: 0.03em;
	background: url(images/li_arrow.png) left 8px no-repeat;
	color: #666;
	}

#sidebar ul li a:hover {
	color: #000;
	text-decoration: underline;
	background: url(images/li_arrow_hover.png) left 8px no-repeat;
	}

#sidebar_pet ul#pet li a {
	display: block;
	width: 205px !important;
	width /**/: 205px;
	margin: 6px 0px 0px;
	padding: 12px 0;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.03em;
	background: url(images/sidemenu_pet.gif) top no-repeat;
	color: #999;
	}

#sidebar_pet ul#pet li a:hover {
	color: #555;
	text-decoration: underline;
	}

#sidebar_pet ul#piano li a {
	display: block;
	width: 205px !important;
	width /**/: 205px;
	margin: 6px 0px 0px;
	padding: 12px 0;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.03em;
	background: url(images/sidemenu_piano.gif) top no-repeat;
	color: #999;
	}

#sidebar_pet ul#piano li a:hover {
	color: #ccc;
	text-decoration: underline;
	}

/*#sidebar ul li a:active{
	font-weight: bold;
	}
	
#sidebar ul li a.active{
	font-weight: bold;
	}*/

#sidebar p {
	font-size: 0.8em;
	padding: 0px 10px 0px 10px;
	}




/* ---------- フッター関連 ---------- */

#footer {
	clear: both;
	text-align: left;
	width: 800px;
	margin: 0 auto 10px auto;
	padding: 5px 0;
	border-top: 4px solid #fe0000;
	line-height: 1.8;
	}

#footer_pet {
	clear: both;
	text-align: left;
	width: 800px;
	margin: 0 auto 10px auto;
	padding: 5px 0;
	background: url(images/footer_pet.gif) top no-repeat;
	line-height: 1.8;
	}

#footer_pet a {
	color: #999;
	}

#footer_piano {
	clear: both;
	text-align: left;
	width: 800px;
	margin: 0 auto 10px auto;
	padding: 5px 0;
	border-top: 4px solid #46441f;
	}

#footer_piano a {
	color: #999;
	}

#footer_logo {
	float: right;
	margin: 8px 0 0;
	}

#footer p {
	font-size: 80%;
	margin: 0 10px;
	color: #999;
	}

#footer p a {
	background: url(images/footer_arrow.gif) left 3px no-repeat;
	padding-left: 10px;
	color: #666;
	}

#footer p a:hover {
	text-decoration: underline;
	color: #000;
	}



/* ---------- 全体のテキストやイメージなど ---------- */

h2 {
	display: block;
	margin: 12px 0 10px 0;
	height: 28px;
	background: url(images/h2_bg.png) no-repeat;
	font-size: 120%;
	font-weight: bold;
	padding: 2px 19px 4px;
	color: #666;
	}

h2.pet {
	clear: left;
	display: block;
	margin: 0;
	font-size: 140%;
	font-weight: bold;
	color: #fff;
	padding: 3px 10px 8px;
	background: url(images/h2_pet.png) no-repeat;
	}

h2.piano {
	clear: left;
	display: block;
	margin: 0;
	font-size: 140%;
	font-weight: bold;
	color: #fff;
	padding: 6px 35px 11px;
	background: url(images/h2_piano.gif) no-repeat;
	}


h3{
	display: block;
	margin: 24px 0 10px 0;
	padding: 7px 16px 0px;
	background: url(images/h3_arrow.gif) left 6px no-repeat;
	border-bottom: 1px solid #fe0000;
	/*font-weight: bold;*/
	font-size: 140%;
	color: #fe0000;
	}

h3.pet {
	display: block;
	margin: 10px 0 0;
	padding: 0 5px 8px;
	font-size: 120%;
	font-weight: bold;
	color: #999;
	background: url(images/h3_pet.png) bottom no-repeat;
	border: none;
	}

h3.piano {
	clear: left;
	display: block;
	margin: 10px 0 0;
	padding: 0  0 5px 25px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	background: url(images/h3_piano.gif) left center no-repeat;
	border: none;
	}

h4{
	display: block;
	margin: 5px 0 0;
	padding: 3px 0 0 18px;
	font-size: 120%;
	color: #fe0000;
	}

h4.pet {
	margin: 10px 0 0;
	padding: 0 5px;
	font-size: 120%;
	font-weight: bold;
	color: #7c9c6b;
	}

h4.piano {
	margin: 5px 0 0;
	padding: 0 0 0 5px;
	font-size: 120%;
	font-weight: bold;
	color: #b0ac4e;
	}

h5{
	display: block;
	margin: 10px 0 0;
	padding: 0 18px;
	color: #222;
	}

strong {
	font-weight: bold;
	}
	
p {
	padding: 6px 0;
	font-size: 0.9em;
	}

th, td {
	padding: 6px 0;
	font-size: 0.9em;
	}

img{
	border: 0px;
}

img.rss {
	vertical-align: -10%;
	}

a{
	/*
	color: #3377aa;
	*/
	color: #00c;
	text-decoration: none;	
}

a:hover{
	/*
	color: #9caab6;
	*/
	color: #06f;
	text-decoration: underline;
	}

hr {
	display: none;
	}

.print{
	display: none;
	}

img.bottom {
	vertical-align: bottom;
	}




/* ----- テーブル関連 ----- */

table {
	width: 90%;
	font-size: 90%;
	border-collapse: separate;
	border-spacing: 2px;
	}

table tbody th, td {
	padding: 3px 10px;
	vertical-align: top;
	border-bottom: 1px solid #dfdfdf;
	}

th {
	background: #f7f7f7;
	color: #666;
	font-weight: bold;
	}

table.contact {
	width: 500px;
	font-size: 0.85em;
	line-height: 160%;
	border: 1px solid #dfdfdf;
	}

table.contact th {
	white-space: nowrap;
	padding: 4px 6px;
	border: 1px solid #dfdfdf;
	background: #dfdfdf;
	}

table.contact td {
	padding: 4px 6px;
	border: 1px solid #dfdfdf;
	}