@charset "UTF-8";

/*   
Theme Name: Golden Pond ホームページプルダウン
Description: Golden Pond 
Author: 徳村嘉奈子
Version: 2009.01.06
*/

/* =======================================
 -----------------------------------------
　目次
 -----------------------------------------
	◆(1)全体的なルール
	◆(2)header.php(全ページ共通)
	◆(3)３カラム全体のルール(#outline内)
		◇(3-1)left_side(sidebar.php)
			・(3-1-1)メニュー(#menu)
			・(3-1-2)プロフィール(#side_profile)
			・(3-1-3)QRコード(#qrcode)
			・(3-1-4)カレンダー(#calendar)
			・(3-1-5)最新記事(#recententry)
			・(3-1-6)カテゴリー(#category)
			・(3-1-7)スポンサー(#sponsor)
		◇(3-2)right_side(add_side.php)
			・(3-2-1)仕事依頼(#workrequest)
			・(3-2-2)ダイヤモンドブロガー(#diamondblogger)
			・(3-2-3)ショップリンク(#shoplink)
		◇(3-3)center(index.php)
			・(3-3-1)インフォメーション(.info)
			・(3-3-2)記事(.post)
	◆(4)コメント投稿(comments.php)
	◆(5)footer.php(全ページ共通)
========================================== */

/*  -----------------------------------------
　◆(1)全体的なルール
 ----------------------------------------- */
* {
	margin: auto;
	padding: 0;
}

body {	
	color: #333333;
	padding: 0px;
	background-image: url(images/back1400.jpg);
	background-repeat: no-repeat;
	background-position: center 132px;
	background-color: #ffffff;
	font-size: 12px;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

body img{
	border: none;
}

body p{
	padding: 0px;
	margin: 0px;
}

a { text-decoration: none; }
a:link { color: #006699; } 
a:active { color: #3399cc; }
a:visited { color:#3399ff; }
a:hover { color:#3399ff; } 

/*  -----------------------------------------
　◆(2)header.php(全ページ共通)
 ----------------------------------------- */

#header {
	padding: 7px 0px 3px 0px;
	background-color: #ffffff;
	width: 800px;
}

*html #header {
	padding: 4px 0px 0px 0px;
	background-color: #ffffff;
	width: 800px;
}

#header h1 {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
}

#header .logo {
	width: 560px;
	height: 84px;
	float: left;
}

#header .tel {
	width: 240px;
	float: right;
	text-align: right;
}

.fontsize {
	padding-top: 20px;
}

#headermenu {
	padding: 0px;
	background-image: url(images/menu_back.jpg);
	background-repeat: repeat-x;	
	clear: both;
}

#menu {
	width: 800px;
	height: 41px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	list-style: none;
}

#menu li {
	display: inline;
	float: left;
}

#headerimg {
	padding: 0px;
	/* flashが読み込まれるまでの間表示させる画像の読み込み */
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center;
	height: 300px;
}

#headerimg_naka {
	padding: 0px;
	background-image: url(images/t_naka.jpg);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center;
	height: 106px;
	width: 800px;
}

#headerimg_naka p {
	color: #ffffff;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
	padding: 30px 0px 0px 20px;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	text-shadow: 5px 5px 5px gray;
}

#sub_menu {
	width: 800px;
	height: 20px;
}

#sub_menu ul {
	margin: 0px;
	padding-top: 6px;
	padding-left: 10px;

}

#sub_menu li {
	display: inline;
	list-style-image: url(images/listmark.gif); 
}

/*  -----------------------------------------
　◆(3)３カラム全体のルール(#outline内)
 ----------------------------------------- */
#wrap {
	width: 1400px;
}

#outline {
	/* widthは全体の幅*/
	width: 800px;
	/* background-image: url(images/bg.gif);
	background-repeat: repeat; */
	/*background-color: yellow;*/
	overflow: hidden;
	border: 1px solid #ffffff;
	border-bottom-width: 0px;
	border-top-width: 0px;
	background-color: #ffffff;
}

#center {
	width: 556px;
	float: right;
	padding: 0px;
	margin: 10px 9px 0px 9px;
	color: #000000;
	line-height: 18px;
}

*html #center {
	width: 547px;
	float: right;
	padding: 0px 9px 0px 9px;
	margin: 10px 0px 0px 0px;
	color: #000000;
	line-height: 18px;
}

#center p {
	margin: 10px 9px 0px 9px;
	color: #4e4136;
}

#center .green {
	font-weight: bold;
	color: #006699;
}

#center .right {
	text-align: right;
}

h5 {
	background-color: #f3f1e0;
	padding: 6px 15px;
	margin: 20px 0px 10px 0px;
	font-size: 14px;
	color: #48382a;
}

/* ------------------------------------------
　ゴールデンポンドの特徴
------------------------------------------ */ 
.tokutyou {
	width: 510px;
	padding-top: 10px;
}

.credit {
	font-size: 11px;
	padding-top: 5px;
}
/* ------------------------------------------
　会社概要
------------------------------------------ */ 

#center .summary td {
	width: 365px;
	border: 1px solid #cccccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	padding: 2px 0px 2px 15px;
}

#center .summary .table_title {
	padding: 10px 0px;
	text-align: center;
	width: 120px;
	border: 1px solid #dbc376;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	background-color: #ebdcab;
}

#center .summary .under_line {
	border-bottom-width: 0px;
}

/* --行動指針-- */

#center .summary ul {
	padding-left: 20px; 
	list-style: none;
}

#center .summary li {
	line-height: 20px;
}

/* ------------------------------------------
　訪問歯科診療
------------------------------------------ */ 

#center .visit ul {
	padding-left: 25px;
}

#center .visit li {
	line-height: 20px;
}

/* --訪問歯科診療の流れ-- */
.flow {
	width: 500px;
}

.brown [
	background-color: #ebdcab;
	color: #000000;
}

.arrow {
	clear: both;
	width: 412px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 100px;
}

.gray {
	clear: both;
	background-color: #f3f1e0;
	padding: 10px;
}

/* ------------------------------------------
　費用について
------------------------------------------ */ 

#center .waku {
	width: 300px;
	background-color: #ebdcab;
	border-style: solid;
	border-width: 1px;
	border-color: #dbc376;
	padding: 10px;
	color: #000000;
	text-align: center;
}

#center .center {
	text-align: center;
}

#center .discount {
	width: 528px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #dbc376;
	margin-bottom: 15px;
}

#center .discount th {
	width: 528px;
	text-align: center;
	background-color: #ebdcab;
	font-weight: bold;
	line-height: 20px;
}

#center .discount tr {
	background-color: #ffffff;
}

#center .price table {
	padding-bottom :20px;
}

#center .price td {
	width: 225px;
	border: 1px solid #cccccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	padding: 2px 0px 2px 15px;
}

#center .price .table_title {
	padding: 10px 0px;
	text-align: center;
	width: 260px;
	border: 1px solid #dbc376;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	background-color: #ebdcab;
}

.gray ul{
	padding-left: 20px;
}

.gray li {
	line-height: 20px;
}

/* ------------------------------------------
　口腔ケアについて
------------------------------------------ */ 

#center .list_green {
	padding-left: 25px;
	color: #006699;
	margin: 0px;
}

#center .list_green li {
	margin: 0px;
	paddding: 0px;
}

/* ------------------------------------------
　訪問歯科診療
------------------------------------------ */ 
.doctor {
	width: 520px;
}

.doctor .picture {
	float: left;
}

.doctor .text {
	float: right;
}

/* ------------------------------------------
　嚥下障害について
------------------------------------------ */ 

.syougai li {
	display :inline;
}

.center_photo {
	text-align: center;
}

/* ------------------------------------------
　スエヒロビーチクリーン
------------------------------------------ */ 
.suehiro {
	width: 510px;
}

.banner {
	width: 510px;
	padding: 10px 0px;
}
/* ------------------------------------------
　お申込み・お問合せ(事業者向勉強会)
------------------------------------------ */ 
.table_title {
	width: 100px;
}

/* ------------------------------------------
　全体のul liについて
------------------------------------------ */ 

#center ul {
	padding-left: 30px;
}

#center li {
	margin: 0px;
}

#left_side {
	width: 217px;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 9px;
	float: left;
	line-height: 14px;
	font-size: 95%;
}

*html #left_side {
	width: 217px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 4px;
	float: left;
	line-height: 14px;
	font-size: 11px;
}


/*  -----------------------------------------
　◇(3-1)#left_side(sidebar.php)
------------------------------------------ */ 
#left_side h3 {
	background: url(images/left_titlebar.gif);
	background-repeat: no-repeat;
	background-position: center 5px;
	padding: 16px 0px 0px 0px;
	margin: 0px;
	height: 40px;
	text-align: center;
	font-size: 14px;
	color: #006699;
}

#left_side p {
	line-height: 16px;
	padding: 0px 8px 0px 8px;
	margin: 0px 5px 0px 0px;
}

#left_side .right {
	padding: 5px 0px;
	text-align: right;
	color: #276e8f;
}

#left_side .side1 {
	background: url(images/side1.jpg);
	background-repeat: no-repat;
	height: 208px;
	margin-bottom: 10px;
}

#left_side .side1 .info {
	height: 145px;
	margin-right: 6px;
	overflow: auto;
	width: 211px;
}

#left_side .side1 .info p {
	word-wrap: break-word;
}

#left_side .side2 {
	background:url(images/side_center.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#left_side .side2 h3 {
	background: url(images/side_top.gif);
	background-repeat: no-repeat;
	height: 51px;
}

#left_side .side3 {
	background:url(images/side_center.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	margin-top: 10px;
}

#left_side .side3 h3 {
	background: url(images/side_top.gif);
	background-repeat: no-repeat;
	height: 51px;
}


/*  -----------------------------------------
　・(3-1-1)#menu ブログ用
------------------------------------------ */ 
#left_side ul .archives{
	padding-left: 30px;
	padding-bottom: 10px;
}


/*  -----------------------------------------
　・(3-1-1)#menu
------------------------------------------ */ 
#menu li {
	padding: 0px;
	margin: 0px;
}

/*  -----------------------------------------
　・(3-1-2)#side_profile
------------------------------------------ */ 
#side_profile p{
	font-size: 10px;
	padding: 0px 15px;
	margin: 3px 0px;
	background-color: black;
}

/*  -----------------------------------------
　・(3-1-3)#qrcode
------------------------------------------ */ 
#qrcode p {
	padding: 0px;
	margin: 0px  0px 5px 5px;
	font-size: 10px;
}

/*  -----------------------------------------
　・(3-1-4)#calendar
------------------------------------------ */ 
#calendar {
	line-height: 16px;
	padding: 10px 0px;
}

/*  -----------------------------------------
　・(3-1-5)#recententry
------------------------------------------ */ 
#recententry {
	margin: 0px 0px 0px 30px;
	list-style-image: url(images/listmark.gif);
	line-height: 16px;
}

/*  -----------------------------------------
　・(3-1-6)#category
------------------------------------------ */ 
#category {
	margin: 0px 0px 0px 30px;
	list-style-image: url(images/listmark.gif);
	line-height: 16px;
}

/*  -----------------------------------------
　・(3-1-7)#sponsor
------------------------------------------ */
#sponsor .sponsor_center {
	width: 170px;
}

#sponsor .sponsor_center img {
	text-align: center;
	margin: 4px auto 0px auto;
}

#sponsor .sponsor_center p {
	padding: 0px;
	margin: 3px 0px;
	font-size: 10px;
	line-height: 12px;
}

/*  -----------------------------------------
　◇(3-3)#center(index.php)
------------------------------------------ */ 
/* 記事が10件以上になると表示されるナビ */

#center {
	background: url(images/center_back.jpg) 0px 0px no-repeat;
}

.navigation {
	text-align: center;
	padding: 8px;
	font-size: 11px;
}

/*  -----------------------------------------
　・(3-3-2).post
------------------------------------------ */ 
.post {
	padding: 0px 10px 10px 10px;
	margin: 12px 0px 5px 3px;
	clear: both;
	border: none;
}

.post h2 a:link { color: #706155; } 
.post h2 a:active { color: #937863; }
.post h2 a:visited { color:#706155; }
.post h2 a:hover { color:#937863; } 

.post h2 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	/* 記事のタイトルの色リンク無しの状態時 */
	color: #3e3121;
	font-weight: bold;
	background: url(images/titlebar.jpg) 0px  0px no-repeat;
	padding: 10px 0px 0px 20px;
	height: 37px;
}

.post .content {

}

.post .metadata_top {
	padding-right: 10px;
	margin-bottom: 5px;
	font-size: 11px;
	text-align: right;
	color: #333333;
}

.post .story {
	margin: 0px 0px;
}

.back3 {
	background: url(images/top_back3.jpg);
	background-repeat: no-repeat;

	width: 527px;
}

*html .back3 {
	background: url(images/top_back3.jpg);
	background-repeat: no-repeat;
	width: 527px;
}

.post h4 {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
	color: #706155;
	height: 33px;
	text-align: center;
	font-size: 14px;
}

.post .back3 .care p {
	padding: 0px;
	margin: 0px 5px 0px 10px;
	font-size: 92%;
	width: 156px;

	overflow: auto;
}

.post .back3 .visit p {
	padding: 0px;
	margin: 0px 5px 0px 10px;
	font-size: 94%;
	width: 156px;

	overflow: auto;
}

.post .back3 .ivent p {
	padding: 0px;
	margin: 0px 10px 0px 15px;
	font-size: 92%;
	width: 156px;

	overflow: auto;
}

*html .post .back3 .care p {
	padding: 0px;
	margin: 0px 5px 0px 10px;
	font-size: 92%;
	width: 156px;
}

*html .post .back3 .visit p {
	padding: 0px;
	margin: 0px 5px 0px 10px;
	font-size: 92%;
	width: 156px;
}

*html .post .back3 .ivent p {
	padding: 0px;
	margin: 0px 10px 0px 15px;
	font-size: 92%;
	width: 156px;
}
.post .back3 .details {
	text-align: right;
}

.post .story img {
	/* border: 1px solid #cccccc; */
}

.post .metadata_bottom {
	padding-right: 10px;
	margin-bottom: 5px;
	font-size: 11px;
	text-align: right;
	color: #333333;
}

.post .footer img {
	boorder: none;
}

table .text_center {
	text-align: center;
}

/*  -----------------------------------------
　◆(4)comments.php(コメント)
------------------------------------------ */
#comments {
	font-size: 11px;
}

#comments .trackback {
	color: #666;
	padding-left: 10px;
	font-size: 10px;
}

.trackback {
	/* ★widthは項目のサイズ */
	width: 400px;
	padding: 0px 0px;
	margin: 5px auto;
	background-color: pink;
}

input#trackback {
	/* ★widthはトラックバックURL表示欄のサイズ */
	width: 390px;
	height: 20px;
	padding: 0px 0px;
	margin: 0px auto;
	border: 1px solid #aaaaaa;
}

#comments p {
	padding: 0px;
	margin: 0px;
}

/* 「コメント」「コメントする」の見出し */
#comments h3 {
	font-size: 14px;
	color: #666666;
	padding: 5px 0px 3px 50px;
	margin: 0px;
}

#commentlist .metadata_bottom {
	text-align: right;
	color: #333333;
	padding-right: 5px;
	padding-bottom: 5px;
}

ol#commentlist {
	/* widthはユーザーのコメントを表示するボックスのサイズ */
	width: 400px;
	padding: 0px 0px;
	margin: 0px auto;
	font-size: 11px;
	background-color: orange;
}

ol#commentlist li.commentcontent {
	list-style: none;
	border: 1px solid;
	border-color: #efefef #ccc #ccc #efefef;
	/* コメントごとの下の余白 */
	margin-bottom: 15px;
}

ol#commentlist p {
	/* コメントのテキストの余白 */
	padding: 10px 10px;
	background-color: green;
}

/* コメントの承認待ち設定をしているブログの場合のみ表示されるアナウンス */
ol#commentlist p.note {
	background: #FFF8D5;
	padding: 3px 8px;
	color: #666;
	border: 1px solid #ff0000;
}

#comments form {
	/* widthは「コメントする」フォームのサイズ
	widthのサイズを変える場合は★部分も変更すること */
	width: 400px;
	padding: 0px 0px;
	margin: 0px auto;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	background-color: pink;
}

form#commentform label {
	/* ★widthは項目のサイズ */
	width: 140px;
	float: left;
	padding: 0px;
	margin: 5px 5px 0px 0px;
}

form#commentform p {
	clear: both;
	padding: 0px;
	margin: 0px;
}

form#commentform sub {	
	padding: 0px;
	margin: 0px;
	display: block;
}

input#author, input#email, input#url {
	/* ★widthは入力欄のサイズ */
	width: 250px;
	height: 20px;
	border: 1px solid #aaaaaa;
	padding: 0px 0px;
	margin: 5px 0px;
}

textarea {
	border: 1px solid #aaaaaa;
	width: 385px;
	padding: 5px;
	margin-bottom: 10px;
}

p.submitbutton {
	text-align: center;
}

p.submitbutton input {
	font-weight: bold;
	color: #555;
}

/*  -----------------------------------------
　◆(5)#footer
------------------------------------------ */
#footer {
	clear: both;
	height: 100%;
	font-size: 11px;
	text-align: center;
	background-color: #ffffff;
	background: url(images/footer.jpg);
	background-repeat: repeat-x;
	padding-top: 15px;
}

#copyright {
	background-color: #ffffff;
	margin-top: 12px;
	padding-bottom: 10px;
}

#copyright .menu {

}


#copyright p {
	padding: 0px;
	margin: 0px;
	
}
.box {
	width: 520x;
	clear: both;
	overflow: auto;
	
}

.name {
	font-size: 14px;
	color: #0099CC;
	margin-bottom: 10px;
	font-weight: bold;
	padding-top: 6px;
}

.pict {
	float: left;
	width : 200px;
	padding-left: 6px;
}

.doctor_txt {
	float: right;
	width: 316px;
}

.doctor_txt p{
	margin: 0px;
	padding: 0px;
}

.mouth_pict {
	float: left;
	width: 240px;
}

.mouth_txt {
	float: right;
	width: 270px;
	padding-left: 10px;
}

.clear {
	clear: both;
}

.green {
	width: 533px;
}
/*.name {
	font-size: 14px;
	color: #0099CC;
	margin-bottom: 10px;
}
.green {
	width: 533px;
}
.pict {
	float: left;
	height: 220px;
	width: 180px;
}*/