﻿/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: twentyten
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


body {
	background-image: url(images/bg_h.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: -245px;
	width: 100%;
}
#content {
	background-color: #FFF;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	width: 650px;
	padding: 20px;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	margin: 0 auto;
	width: 640px;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;
	width: 900px;
}





/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#colophon,
#branding,
#main,
#wrapper {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrapper {
	background: #fff;
	margin-top: 0px;
	padding: 0 20px;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 700px;
}
#site-generator {
	float: right;
	width: 220px;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}

dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link {
	color: #900;
}
a:visited {
	color: #900;
}
a:active,
a:hover {
	color: #D58E8F;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header {
	display: block;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}
#site-title {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 0;
}
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#site-description {
	clear: right;
	float: right;
	font-style: italic;
	margin: 15px 0 18px 0;
	width: 220px;
}

/* This is the custom header image */



/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: left;
	width: 960px;
	margin: 0;
}
#access a img {
	margin: 0;
	padding: 0px;
	float: left;
}
#access .menu-header,
div.menu {
	width: 960px;
	margin: 0px;
	padding: 0px;
	float: left;
}


/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	width: 960px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 13px;
	line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
#content table {
	margin: 0;
	padding: 0px;
}
#content tr td {
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #900;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C00;
	padding-bottom: 5px;
	padding-top: 5px;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}

#content .entry-title2 {
	color: #975905;
	font-size: 20px;
	font-weight: bold;
	line-height: 2.3em;
	background-image: url(images/bg_h1.jpg);
	height: 45px;
	width: 650px;
	display: block;
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 12px;
}

.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {

	font-size: 13px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}


/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p,
.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.format-aside,
.home .hentry.category-asides {
	padding: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #900;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #D58E8F;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	margin-top: 0px;
	padding-top: 10px;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
	width: 225px;
	background-color: #FFF;
	padding: 10px;
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	background-image: url(images/bg_f.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 289px;
	margin: 0px;
	padding: 0px;
}
#colophon {
	overflow: hidden;
	width: 960px;
	background-image: url(images/f_bg.jpg);
	background-repeat: no-repeat;
	height: 289px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#site-info {
	font-weight: bold;
}
#site-info a {
	color: #000;
	text-decoration: none;
}
#site-generator {
	font-style: italic;
	position: relative;
}
#site-generator a {
	background: url(images/wordpress.png) center left no-repeat;
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}

#site-description {
	-webkit-text-size-adjust: none;
}



.site-link{
	font-size: 13px;
	float: right;
	width: 650px;
	margin-top: 20px;
	}

.site-link ul{
	
	}
.site-link li{
	float: left;
	display: block;
	margin-left: 15px;
	list-style-type: none;
	background-image: url(images/h_point.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 8px;
	}
	
a:hover img {
  opacity: 0.70;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  -ms-filter: "alpha(opacity=70)";
}

.sideblog{
	background-image: url(images/bg_sideblog.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 225px;
	padding-top: 60px;
	font-size: 13px;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-bottom-color: #FDAF0D;
	margin-bottom: 15px;
	}
.blogcont{
	width: 205px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#ill td img {display: block;}

.gaiyo th{
	background-color: #F90;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	font-weight: bolder;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
}
.gaiyo td{
	padding-left: 20px;
	padding-bottom: 20px;
	color: #333;
}

.top-left{
	width: 225px;
	margin-top: 28px;
	float: left;
}
.top-left .box1{
	width: 201px;
	margin-top: 0px;
	margin-bottom: 15px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FDAB00;
	border-bottom-color: #FDAB00;
	border-left-color: #FDAB00;
	background-image: url(images/t_news.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 13px;
	float: left;
}
.top-left .box2{
	width: 201px;
	margin-top: 0px;
	margin-bottom: 15px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FDAB00;
	border-bottom-color: #FDAB00;
	border-left-color: #FDAB00;
	background-image: url(images/t_news2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 13px;
	float: left;
}
.top-left img{
	float: left;
	height: 23px;
	display: block;
	margin-top: 10px;
}
.top-left .y-m-d{
	font-size: 12px;
	float: right;
	display: block;
	height: 18px;
	width: 110px;
	text-align: right;
	padding-top: 5px;
	margin-top: 8px;
}
.top-left .txt{
	float: left;
	width: 200px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;		
}
.top-main{
	width: 480px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	margin-top: 28px;
	margin-bottom: 15px;
	font-size: 13px;
}
.top-main .blog{
	background-image: url(images/t_blog.png);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	width: 480px;
}
.top-main .blog .box{
	width: 434px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 13px;
	border-bottom-width: 13px;
	border-left-width: 13px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FC9D09;
	border-bottom-color: #FC9D09;
	border-left-color: #FC9D09;
	float: left;
}
.top-main .go-kiji {
	width: 480px;
	text-align: right;
	padding-top: 30px;
	padding-bottom: 13px;
}
.top-main .go-kiji a{
	color: #FFF;
	padding-right: 12px;	
}
.top-main .go-kiji a:hover{
	color: #900;	
}
.top-main .blog .box .one{
	width: 433px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	float: left;
}
.top-main .blog .box .one .left{
	width: 115px;
	float: left;	
}
.top-main .blog .box .one .right{
	width: 308px;
	float: left;
	padding-left: 10px;	
}
.top-main .blog .box .one .right h3{
	font-size: 16px;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 22px;	
}
.top-right{
	width: 225px;
	margin-top: 28px;
	float: right;
}

input[type="submit"]{
	padding: 20px 50px;
}


#cont table {
	font-size: 13px;
	color: #000;
}
#cont th {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-color: #FEEFD0;
	padding: 5px;
	text-align: left;
}
#cont td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 15px;
	padding-left: 15px;
}
#cont .red {
	color: #900;
}
#top-photo{
	background-image: url(images/top_main.jpg);
	height: 350px;
	width: 960px;
}
#top-photo #bn01{
{position:absolute;left:50%;z-index:11;margin-left:-30px; bottom:135px;}
}

.foot-box {
	display: block;
	float: left;
	margin-top: 5px;
	margin-left: 20px;
}
.foot-box img {
	margin-top: 10px;
}
.foot-box ul li {
	background-image: url(images/f_point.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 8px;
	padding: 0px;
	display: block;
	float: left;
	clear: left;
	margin-botom: 5px;
}
.foot-box ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.foot-box a {
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
}
.foot-box a:hover {
	color: #F00;
	text-decoration: none;
	font-size: 13px;
}

.smp h4 {
	font-size: 17px;
	font-weight: bold;
	color: #900;
	background-image: url(images/favi.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	clear: left;
	width: 610px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #900;
}



.cate-link{
	font-size: 13px;
	width: 640px;
	margin-top: 20px;
	border: 4px solid #FF9900;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}

.cate-link ul{
	}
.cate-link li{
	float: left;
	display: block;
	margin-right: 15px;
	list-style-type: none;
	background-image: url(images/h_point.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 8px;
	}

.fb_iframe_widget, .fb_iframe_widget span,.fb_iframe_widget span iframe[style]{
     overflow: hidden;
     width: 100% !important;
} 



/* clearfix */
.cf {
	zoom: 1;
}
.cf:before,.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}


/* 店舗検索 */
select,input[type="text"],input[type="password"],input[type="search"] {
	font-size: 12px;
	border: 1px solid #c5cbcb;
	background: #FFF;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.search_box,
div.search_box2 {
	width: 630px;
	height: 50px;
	color: #FFF;
	line-height: 50px;
	margin: 20px auto 0;
	padding-left: 20px;
	text-align: left;
	font-weight:bold;
	background: rgba(255,176,0,0.80);
}
div.search_box2 {
	margin: 0 auto;
}
select.select1 {
	margin: 0 40px 0 20px;
}
span.select_title {
	margin: 20px 20px 0;
}
span.genre,
span.genre2 {
	margin-left: 25px;
}
span.genre2 {
	font-weight: normal;
}
input.check_list {
	margin: 0 5px 0 30px;
}
input.search {
	width: 400px;
	margin: 0 0 0 99px;
	padding: 3px 5px;
	border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	position: relative;
	top: -11px;
}
input.search_btn {
	width: 40px;
	height: 32px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	background-image: url(http://www.croquette.jp/wp-content/uploads/2014/08/search.gif);
	background-size: 40px 32px;
	display: inline;
}
input#search_btn2 {
	min-width: 150px;
	margin: 5px 0 5px 40px;
	padding: 5px 10px;
	color: #FFF;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #FFF;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(rgba(220,33,20,1.00)),
		to(rgba(125,0,0,1.00)));
	background: -moz-linear-gradient(
		center top,
		rgba(220,33,20,1.00),rgba(125,0,0,1.00));
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(220,33,20,1.00)', endColorstr='rgba(125,0,0,1.00)', GradientType=0)";
	 
	/* IE10 */  
	background: linear-gradient(to bottom,  rgba(220,33,20,1.00),  rgba(125,0,0,1.00)); 
	
	/* IE11 */
	background: -ms-linear-gradient(top,  rgba(220,33,20,1.00),  rgba(125,0,0,1.00));
}
input#search_btn2:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	cursor: pointer;
}
div.search_title {
	margin-top: 20px;
	font-size: 17px;
	font-weight: bold;
	color: #900;
	background-image: url(http://www.croquette.jp/wp-content/uploads/2014/08/favi.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	clear: left;
	width: 610px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #900;
}
a.btn1 {
	min-width: 100px;
	margin: 5px;
	padding: 5px 10px;
	text-decoration: none;
	border: 2px solid rgba(255,177,0,1.00);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: rgba(255,177,0,1.00);
}
a.btn1.active {
	color: #FFF;
	background: rgba(255,177,0,1.00);
}
a.btn1:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	cursor: pointer;
}
ul.search_list {
	margin: 0;
	padding: 0;
}
ul.search_list li div p {
	margin: 0;
	padding: 0;
	display: inline;
}
ul.search_list li {
	width: 200px;
	height: 258px;
	margin-right: 25px;
	margin-bottom: 20px;
	float: left;
}
ul.search_list li a {
	color: #9B0000;
	text-decoration: none;
}
ul.search_list li:nth-child(3n) {
	margin-right: 0;
}
div.search_head {
	width: 196px;
	height: 58px;
	border: 2px solid rgba(255,177,0,1.00);
}
div.area,
div.shop {
	width: 176px;
	height: 24px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 30px;
}
div.shop {
	height: 30px;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}
div.shop p {
	margin: 0;
	position: absolute;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
img.search_image {
	width: 200px;
	height: 200px;
	margin: 6px 0 0 -2px;
}


/* 店舗詳細 */
div#detail p {
	margin: 0;
	padding: 0;
	display: inline;
}
div#detail ul {
	margin: 0;
	padding: 0;
}
div#detail img.shop_banner {
	width: 650px;
	height: 30px;
}
div#detail div.shop_detail {
	float: left;
}
div#detail div.shop_information {
	float: left;
}
div#detail ul.revue {
	float: left;
}
div#detail ul li {
	margin: 0;
	padding: 0;
}
div#detail div.shop_name {
	width: 630px;
	height: 45px;
	margin-bottom: 10px;
	padding: 0 10px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 45px;
	background: rgba(255,176,0,0.80);
}
div#detail div.left {
	width: 200px;
	float: left;
}
div#detail div.left ul {
	width: 200px;
}
div#detail div.left ul li {
	margin: 10px 0;
	line-height: 20px;
	float: left;
}
div#detail div.left ul li.genre {
	margin: 10px 5px;
	padding: 1px 3px;
	color: #FFB200;
	line-height: 16px;
	border: 1px solid rgba(255,176,0,0.80);
}
div#detail div.right {
	width: 440px;
	margin-left: 10px;
	float: left;
}
div#detail div.left img.chara {
	width: 200px;
	margin: 13px 0;
}
div#detail div.left img.main_img {
	width: 200px;
	height: 200px
}
div#detail ul li.row {
	width: 440px;
	height: 24px;
	margin-top: 10px;
	float: left;
}
div#detail ul li.col {
	width: 65px;
	height: 22px;
	margin-top: 5px;
	text-align: center;
	line-height: 24px;
	border: 1px solid rgba(214,214,215,1.00);
	border-left: none;
	float: left;
}
div#detail ul li.col:first-child {
	width: 24px;
	height: 24px;
	margin: 5px 5px 0 5px;
	color: #FFF;
	border: none;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(rgba(192,0,0,1.00)),
		to(rgba(125,0,0,1.00)));
	background: -moz-linear-gradient(
		center top,
		rgba(192,0,0,1.00),rgba(125,0,0,1.00));
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(192,0,0,1.00)', endColorstr='rgba(125,0,0,1.00)', GradientType=0)";
	 
	/* IE10 */  
	background: linear-gradient(to bottom,  rgba(192,0,0,1.00),  rgba(125,0,0,1.00)); 
	
	/* IE11 */
	background: -ms-linear-gradient(top,  rgba(192,0,0,1.00),  rgba(125,0,0,1.00));
}
div#detail ul li.col.left {
	border-left: 1px solid rgba(214,214,215,1.00);
	border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}
div#detail ul li.col.right {
	border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}
div#detail ul li.col.list_l,
div#detail ul li.col.list_l2 {
	width: auto;
	padding: 1px 10px 1px 5px;
	border: none;
}
div#detail ul li.col.list_l2 {
	width: 80px;
}
div#detail ul li.col.list_r {
	width: auto;
	padding: 1px 5px 1px 10px;
	border: none;
}
div#detail ul.revue li ul li.none {
	width: 24px;
	height: 24px;
	margin: 5px 5px 0 5px;
	border: none;
	background: #FFF;
}
div#detail ul li.col.active 
{
	color: #FFF;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#F3DF97),
		to(#F4AC0D));
	background: -moz-linear-gradient(
		center top,
		#F3DF97,#F4AC0D);
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3DF97', endColorstr='#F4AC0D', GradientType=0)";
	 
	/* IE10 */  
	background: linear-gradient(to bottom,  #F3DF97,  #F4AC0D); 
	
	/* IE11 */
	background: -ms-linear-gradient(top,  #F3DF97,  #F4AC0D);
}
div#detail div.note {
	width: 650px;
	min-height: 100px;
	margin-top: 10px;
	padding-top: 5px;
	border: 1px solid rgba(214,214,215,1.00);
	float: left;
}
div#detail dl {
	width: 650px;
	margin: 0;
}
div#detail dl dt {
	width: 109px;
	height: 25px;
	margin: 0;
	padding: 10px 20px;
	border: 1px solid rgba(204,204,204,1.00);
	border-right: none;
	border-bottom: none;
	background: rgba(238,238,238,1.00);
	float: left;
}
div#detail dl dd {
	width: 458px;
	height: 25px;
	margin: 0;
	padding: 10px 20px;
	background: rgba(255,250,237,1.00);
	border: 1px solid rgba(204,204,204,1.00);
	border-bottom: none;
	float: left;
}
div#detail dl:last-child dt,
div#detail dl:last-child dd {
	border-bottom: 1px solid rgba(204,204,204,1.00);
}