/*  
Theme Name: HFA
Theme URI: http://www.hf-awaji.com/
Description: Harmony Farm Awaji Theme
Version: 1.0
*/

html, body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; border: 0; color: #333; }
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote { margin: 0; padding: 0; }
p { line-height: 18px; text-align:justify; text-justify: inter-ideograph;}
p, h1, h2, h3, h4, h5, ul, ol, blockquote p { padding: 10px 0; }
ul, ol { list-style: none; }
small { font-size: 11px; }
code { background: #FFFFC1; }
a { color: #0085ce; text-decoration: none; outline:none;}
a:hover { text-decoration: none; }
a img { border: none; }
p a:hover { text-decoration:underline;}
.en { font-family:"Times New Roman", Times, serif;}
.red { color:#e7003c;}

/* Align (used for images) */
.aligncenter { margin: 5px auto 5px auto; display: block; }
.alignleft 	 { margin: 14px 15px 10px 0; float: left; }
.alignright  { margin: 14px 0px 10px 15px; float: right; }

/* Wrap */
.wrap 		{ width: 100%; }

/* Container */
#container 	{ width: 940px; margin: 0 auto 10px; padding:10px 0 20px;}
#container p { line-height:1.8em;}


/* Header */
#header 	{ width:940px; height:103px; margin:0 auto;}
#header h1 { padding:10px 0 0; width:262px; float:left;}
#header h1 a { width:262px; height:83px; background:url(images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden; display:block;}
#header p { float:right; width:600px; margin:30px 0 0 0;}
#headerSwf { outline:none;}

/* Main Menu */
#menu 				{ width: 940px; margin:0 auto;}
#menu ul 			{ }
#menu ul li 		{ line-height: 30px; display: inline; text-transform: uppercase; font-family: "Lucida Sans", Arial, sans-serif; color:#0085ce;}
#menu ul li a 		{ display: block; float: left; margin-left: 5px; padding: 0 0 0 0; border-top: #0085ce 1px solid; }
#menu ul li a:hover { color:#003366; cursor: pointer; border-top:#003366 1px solid;}
#menu ul li a span 	{ display: block; float: left; height: 30px; padding: 0 10px 0 0; }


/* Content */
.box		{ border: solid 1px #ccc; padding:10px; float:left; margin:10px 0;}
.box p 		{ margin:10px 0 0; padding:0;}
.box h2 	{ height:30px; margin:0; padding:0;}
.box h2 a 	{ display:block; margin:0; padding:0; height:30px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
.box img 	{ display:block;}
.box-link-roll		{ padding:6px; border:solid 5px #f2f2f2;}
.box-link-roll h2 a { background-position:0 -30px !important;}

.pbox	{ border: solid 1px #ccc; padding:20px 20px 10px; margin:0;}
.pbox p { margin:0; padding:0 0 10px;}
.pbox-link-roll  { padding:16px 16px 6px; border:solid 5px #f2f2f2;}
.pbox-link-roll h3 a { background-position:0 -30px !important;}

.notes { font-size:10px; line-height:1.6em;}


/* Blog */
#content-blog { width:680px;}

/* Post */
h2.blog { margin:0; padding:0;}
h2.blog a { background-image:url(images/blog_mimg.jpg); height:120px; margin:0; padding:0; text-indent:-9999px; overflow:hidden; display:block;}
.post { width: 100%; clear: both; padding:0; }
.error, .page { border: 0; }

/* Post Content */
.post-content { width:530px; display: inline; padding:30px 0}

/* Post Content Headings */
.post-content h2 { font-size:25px; padding:0 0 10px; font-weight:normal; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", meiryo, sans-serif; line-height:1.2em !important;}
.post-content h2 a { color: #404040; }
.post-content h2 a:hover { text-decoration: underline; font-weight:normal;}
h2.arh { font-size:18px; border:solid 1px #ccc; color:#999; padding:20px; margin-top:20px; font-weight:normal; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", meiryo, serif;}

/* Post Content Lists and Blockquote */
.post-content p { line-height:2em !important; font-size:12px;}
.post-content ol, .post-content ul { line-height: 20px; }
.post-content ul { padding-left: 30px; }
.post-content ul li { list-style: circle; padding: 3px 0; }
.post-content ol { padding-left: 37px; }
.post-content ol li { list-style: decimal; padding: 3px 0; }
.post-content blockquote { border-left:2px solid #777777; color:#777777; font-style:italic; margin:5px auto 15px; padding:0px 10px; width:85%; }

/* Post Content Images*/
.post-content img { margin:0; padding:2px !important; background: #fff; border:solid 1px #e5e5e5; }

/* Post Content (read more) */
.post-content span.read_more { padding: 5px 0 10px 0; display: block; float: left; font-size: 13px; }

/* Post Meta */
.post-meta { width:110px; padding:30px 0; font-weight:normal;}
.post-meta p { padding:0; margin:0 0 5px; line-height:1.4em !important;}
.post-meta p.date { font-size:18px; margin:3px 0 15px; line-height:1 !important;font-family:"Times New Roman", Times, serif;}
.post-meta p.category,
.post-meta p.tags,
.post-meta p.comments { font-size:11px; color:#999;}


/* Comments (single.php and comments.php) */
.comments_wrap { width:530px;}
h3#comments, h3.lc { font-size:20px; font-weight:normal;font-family:"Times New Roman", Times, serif;line-height:1.2em;}
h3#comments { margin:20px 0 0;}
h3.lc { margin:20px 0 0;}
.comments_wrap img { background: none; padding: 1px; }
.commentlist ol { margin:0; padding:0;}
.commentlist li { border-bottom:solid 1px #e5e5e5; margin:0 0 20px; padding:0 0 20px;}
.commentlist .comment-author,
.commentlist .comment-meta { font-size:10px; margin:0; padding:0; line-height:1.2;}
.fn { font-style:normal; font-size:12px;}
#respond p { margin:0 0 5px; padding:0; line-height:1.2}
#respond label { display:block;}
#respond input { width:300px; padding:5px;}
#respond textarea#comment { width:520px; padding:5px;}
#respond input#submit { width:auto;}
.navigation { margin:0; padding:0;}
.navigation .alignleft,
.navigation .alignright { margin:0; padding:0;}

/* Comments (form) */
#content form { margin: 20px 0 30px 10px; }
#content form label { display: block; margin: 10px 0; font-size: 12px; }
#content form label input { padding: 3px; width: 180px; font-size: 12px; }
#content textarea { margin-bottom: 10px; display: block; padding: 3px; font-size: 12px; }
#content form input { margin-top: 5px; }
.lc_logged { padding: 0; margin-top: -10px; }

/* Sidebar */
#sidebar { width: 200px; float:right; text-align:left;}
#sidebar ul { margin:0; padding:0;}
#sidebar ul li { list-style:none; margin:0; padding:0; line-height:1.4em;}
#sidebar h2 { font-size: 16px; font-weight:normal; margin:0 0 0; padding:0 0 5px; border-bottom:solid 1px #f2f2f2; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", meiryo, serif;}
#sidebar ul li ul li { border-bottom:solid 1px #f2f2f2; padding:10px 0; font-size:12px;}
#sidebar ul li ul li a { display:block;}
#sidebar ul li ul li a:hover { text-decoration:underline;}
#sidebar li.widget { margin:35px 0 0;}

/* Sidebar Search */
#search { width: 100%; height: 57px; background: url(images/search_block_bg.gif) no-repeat 0 0; height: 50px; }
#search form { padding: 14px 0 0 14px; }
#search form div { width: 259px; height: 28px; background: url(images/search_field.gif) no-repeat 0 0; position: relative; }
#search form input.search_box { width: 175px; border: 0; position: absolute; left: 5px; top: 5px; padding-top: 2px; background: transparent; font-size: 11px; font-weight: bold; outline: none; }
#search form input.submit { position: absolute; right: 0; }

/* Widget (tag cloud) */
#sidebar .widget_tag_cloud h2 	{ margin-bottom: 10px;}
#sidebar .widget_tag_cloud a { padding:0; position: relative; display: inline; line-height:1;}
#sidebar .widget_tag_cloud a:hover { text-decoration:underline;}

/* Footer */
#footer 				{ width: 100%; background: #c1981c; padding:20px 0;}
#footer a 				{ color: #fff; }
#footer a:hover 		{ color: #fff; text-decoration:underline; }
#footer .wrap  			{ width: 940px; margin: 0 auto; clear: both; font-size:10px; color: #fff; padding: 5px 0; }
#footer .left-col 	    { float:left; padding:0 40px 0 10px; margin-right:40px; border-right:solid 1px #c7a333; text-align:center;}
#footer .left-col  p  	{ text-align:center; margin-bottom:0; padding:0;}
#footer .right-col 	 	{ float:left; width:700px;}
#footer .right-col p	{ line-height:1.4; }
#footer .right-col img	{ vertical-align: middle; }
#footer .right-col .fl  { padding:0 60px 0 0;}

#footnav 	{ padding:0; margin:0; width:700px !important;}
#footnav li { float:left; padding:0 30px 5px 0; margin:0; line-height:1.2; white-space:nowrap;}

/* Footer Subscribe */
#footer #subscribe 		{ width: 241px; padding: 0 30px 0 18px; color: #B2D1E4; }
#footer #subscribe a 	{ font-weight: bold; text-decoration: underline; }
#footer #subscribe h2 	{ font-size: 16px; }
#footer #subscribe p 	{ padding: 8px 0 8px 42px; }
#footer #subscribe p.rss{ background: url(images/icon_rss.gif) no-repeat 0 11px; }


/* Misc */
.fix { clear: both; height: 1px; margin: -1px 0 0; overflow: hidden}
.fl  { float: left}
.fr  { float: right}
.fl-p  { float: left; padding:0 20px;}
.fr-p  { float: right; padding:0 20px;}
.fl2-p  { float: left; padding:0 0 0 20px;}
.fr2-p  { float: right; padding:0 20px 0 0;}
.fl-half   { float: left; width:450px;}
.fr-half   { float: right; width:450px;}
.fl-half-p  { float: left; width:410px; padding:0 20px;}
.fr-half-p  { float: right; width:410px; padding:0 20px;}
.fl-half2-p  { float: left; width:430px; padding:0 0 0 20px;}
.fr-half2-p  { float: right; width:430px; padding:0 20px 0 0;}
.f3col-p  { float: left; width:266px; padding:0 20px 0;}
.ac  { text-align: center}
.ar  { text-align: right}
img.centered 	{ display: block; margin-left: auto; margin-right: auto; }
img.alignright 	{ padding: 4px; margin: 3px 0 2px 10px; display: inline; }
img.alignleft 	{ padding: 4px; margin: 3px 10px 2px 0; display: inline; }
.alignleft 		{ float: left; }
.alignright 	{ float: right; }
.hidden { visibility:hidden; font-size:1px; line-height:0;}

/* Threaded comments */
ol.commentlist { margin:0; padding:0; }
ol.commentlist li { list-style-type:none; }
ol.commentlist li ul.children { padding-left:20px; }
ol.commentlist li ul.children li { border-top:1px dotted #D7D7D7; border-bottom:none; padding-top:15px; }


/* HOME */
ul.home-recent { margin:16px 0 0;}
ul.home-recent li { padding:7px; margin:0; border-bottom:dotted 1px #ccc; font-size:10px; line-height:1.2em; white-space:nowrap; overflow:hidden; width:624px;}
ul.home-recent li a { font-size:12px; color:#333;}
ul.home-recent li a:hover { text-decoration:underline;}
ul.home-recent li .cat { padding:0 5px;}
ul.home-recent li .cat,
ul.home-recent li .date { font-size:10px; color:#333; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}

/* PAGE */
#page-content {}
#page-header  { padding:10px; border:solid 1px #ccc;}
#page-header h2 { margin:0; padding:0; text-indent:-9999px; overflow:hidden;}
#page-header h3 { padding-bottom:0; font-size:16px; padding:20px 20px 0;}
#page-header p { line-height:2em; padding:20px 20px 10px;}
.image-h { text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; padding-top:0;}
.image-h a { display:block; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
.image-h a:hover { background-position:0 -30px;}
.page-border { margin:40px 0 0; padding:40px 0 0; border-top:solid 1px #e5e5e5;}
.border-box { padding:10px; border:solid 1px #ccc;}
.border-box2 { padding:15px 20px 20px; border:solid 1px #ccc;}
a.arrow { background:url(images/arrow_link.gif) no-repeat; padding-left:18px; padding-bottom:5px;}
a.arrow:hover { background-position:0 -40px;}

/* PAGE::::First */
#content-first { margin:10px 0 20px;}
#content-first h3 { margin:40px 0 0; padding:0; line-height:1; background-repeat:no-repeat; width:240px; height:30px; text-indent:-9999px; overflow:hidden;}
#content-first p { padding:5px 0;}

/* PAGE::::Lesson */
#content-lesson { margin:40px 0 20px;}
#content-lesson h3 { margin:0 0 10px; padding:0; line-height:1; background-repeat:no-repeat; width:240px; height:30px; text-indent:-9999px; overflow:hidden;}
#content-lesson h4 { font-size:14px; margin:20px 0 0;}
#content-lesson h4 img { padding:0 5px 0 0; margin-bottom:-4px;}
#content-lesson p { padding:5px 0;}

/* PAGE::::Outrun */
#content-outrun { margin:40px 0 20px;}
#content-outrun h3 { margin:0 0 10px; padding:0; line-height:1; background-repeat:no-repeat; width:300px; height:35px; text-indent:-9999px; overflow:hidden;}
#content-outrun h4 { font-size:14px; margin:20px 0 0;}
#content-outrun h4 img { padding:0 5px 0 0; margin-bottom:-4px;}
#content-outrun p { padding:5px 0 20px;}

/* PAGE::::Facilities */
#content-facilities { margin:30px 0 20px;}
#content-facilities h3 { margin:0 0 10px; padding:0; line-height:1; background-repeat:no-repeat; width:200px; height:35px; text-indent:-9999px; overflow:hidden;}
#content-facilities h4 { font-size:14px; margin:20px 0 0;}
#content-facilities h4 img { padding:0 5px 0 0; margin-bottom:-4px;}
#content-facilities p { padding:0 0 20px;}
#content-facilities .wrap { margin-top:30px;}
#content-facilities .border-box h3 { margin-left:10px; margin-top:10px;}
#content-facilities .border-box p { margin-left:10px; margin-top:10px;}

/* PAGE::::Horses */
.page-horses { width:960px; margin-left:-10px;}
* html .page-horses { width:970px;}
.page-horses #page-header p { padding:20px 15px 0;}
.page-horses ul { padding:0; margin:0;}
.page-horses #page-header,
.gallery-item-space,
.gallery-item { width:150px; height:280px; padding:10px; border:solid 1px #ccc; float:left; margin:0 10px 20px;}
.gallery-item-space { border:none; widows:152px; height:282px;}
.gallery-item h3 { font-size:16px; padding:5px 0 0; margin:0; line-height:1.2em; height:20px;}
.gallery-item p { font-size:10px; padding-bottom:0;}
.gallery-roll		{ padding:6px; border:solid 5px #f2f2f2;}
.fancybox-title-over h4 { padding:0; margin:0;}
.fancybox-title-over p { padding:0; margin:0;}

/* PAGE::::Price */
#content-price { margin:0 0 20px;}
#content-price .border-box,
#content-price .border-box2 { margin:30px 0 0; }
#content-price h3 { font-size:22px;}
#content-price h3 .en { font-size:26px;}
#content-price p { padding:0 0 20px;}
#content-price p.notes { padding:0; margin:10px 0 0;}
#content-price table { width:100%; background:#f7f7f7; padding:5px;}
#content-price table th,
#content-price table td { border-bottom:solid 1px #ccc; padding:8px; text-align:center; border-right:solid 1px #ccc; background:#ffffff;}
#content-price table th { font-size:14px; background:none;}
#content-price table th.th-left { background:#d9e8ef; width:140px;}
#content-price table .null { border:none; margin:0; padding:0; background:none;}
#content-price .member,
#content-price .nonmember { color:#fff; font-weight:bold; padding:4px 0; width:80px; text-align:center; position:absolute; margin:-28px 0 0 -10px; border:solid 2px #fff; line-height:1;}
#content-price .member { background:#0085ce; }
#content-price .nonmember { background:#9dc514; }

/* PAGE::::Contact */
#content-contact { margin:30px 0 20px;}
#content-contact h3 { font-size:20px;}
#content-contact table { width:100%; background:#f7f7f7; padding:5px;}
#content-contact table th,
#content-contact table td { border-bottom:solid 1px #ccc; padding:8px; text-align:center; text-align:left;}
#content-contact table th { font-size:14px;}
#content-contact table .last th,
#content-contact table .last td { border:none;}
#content-contact input { padding:5px;}
#content-contact textarea { padding:5px; width:95%;}
#content-contact .age input { width:20px;}
#content-contact .submit { text-align:center; padding:20px 0 5px;}
#content-contact .submit input { width:200px; padding:8px;}
#content-contact .req { font-size:10px; color:#ff004e;}
#content-contact .usage { font-size:10px; color:#999;}
.wpcf7-not-valid-tip,
.wpcf7-validation-errors { background:#e7003c !important; margin:0 !important; border:0 !important; padding:10px 20px !important; color:#fff; font-weight:bold;}
.wpcf7-not-valid-tip { padding:2px 10px !important;}
.wpcf7-mail-sent-ok { position:absolute; background:#0085ce !important; margin:-50px auto !important; border:0 !important; padding:15px 20px !important;
	color:#fff; font-weight:bold; width:600px; height:20px; text-align:center;}
.tel { font-family:"Times New Roman", Times, serif; font-size:24px; padding:10px 0}

/* PAGE::::Access */
#content-access { margin:0 0 20px;}
#content-access .border-box,
#content-access .border-box2 { margin:30px 0 0; }
#content-access h3 { font-size:20px;}
#content-access h4 { font-size:16px; font-weight:normal; border-bottom:dotted 1px #ccc; padding:20px 0 5px;}
#content-access p { margin:0 0 30px 0;}

/* PAGE::::Staff */
.page-staff { margin:0 0 20px; width:970px; margin-right:-30px;}
.page-staff #page-header { width:920px;}
* html .page-staff { width:940px; margin-right:0;}
.page-staff ul { margin:2px 0 0; padding:0;}
.page-staff .gallery-item { width:435px; height:200px; padding:10px; border:solid 1px #ccc; float:left; margin:28px 28px 0 0;}
* html .page-staff .gallery-item { margin:30px 30px 0 0; width:418px;}
.page-staff .gallery-item img { float:left; margin:0 20px 0 0;}
.page-staff .gallery-item h3 { white-space:nowrap; font-size:14px}
.page-staff .gallery-item p { font-size:10px; line-height:1.7em !important;}

/* 404 */
.page-404 h2 { background:url(images/404title.gif) no-repeat; height:30px; margin:20px 0 0 20px !important;}
.page-404 p { margin-bottom:20px;}

/* other */
.votebody { width:200px !important;}
.votebody h2 { padding-top:5px !important; text-align:center !important;}

/* Fix */
.pkg:after,
.wrap:after,
.page-header:after,
.block ul:after,
.border-box:after,
.border-box2:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg,
* html .wrap:after,
* html .page-header,
* html .block ul,
* html .border-box,
* html .border-box2 { display: inline-block; }