@charset "utf-8";
/* CSS Document */

/* 全体 */
html {
	color: #000;
	background: #fff;
}

legend { color: #000; }

a { color: #2f74d0; }

a:hover { text-decoration: none; }

/* テキストボタン */
.button a {
	background-color: #2f74d0;
	color: #fff;
}

.button a:hover { background-color: #1692EC; }

/* メイン画像 */
#main-image {
	text-align: center;
	padding: 0px 0 0;
}

/* タイトルパターン */


.sidebar .widget h3 {
	padding: 0 0 0 5px;
	border-bottom: 2px solid #d2d2d2;
	color: #333333;
	font-weight:bold;
}

#main h3 {
	border-bottom: 3px solid #999;
	margin-bottom: 10px;
	padding-bottom: 7px;
	font-weight: bold;
}

/* -------------------------------------------
	WordPress Editor
---------------------------------------------- */
.wp-caption {
	background: #f1f1f1;
	color: #888;
}

#main .post-content blockquote { color: #999; }

@media all and (min-width:641px) {

/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */

/* Navigation 
------------------------------------ */

#header .inner{
	margin-bottom:10px;
}

#header nav {
	background:#a7e944;
	font-weight:bold;
}

#globalnavi li { }

#globalnavi li a {
	border-left: 1px dotted #ffffff;
	color: #333333;
}

#globalnavi li:last-child a { border-right: 1px dotted #ffffff; }

#globalnavi a:hover { background: #87e5e5; }

/* Sidebar
------------------------------------ */
.sidebar .widget li a {
	border-bottom: 1px dotted #999;
	color: #000;
}

.sidebar .widget a:hover {
	background-color: #f2f2f2;
	color: #3c8fff;
}

/* Footer
------------------------------------ */
#pagetop a {
	background-color: #aebfca;
	color: #000;
}

#pagetop a:hover { background-color: #d0d0d0; }

#footer { background-color: #aebfca; }

#footer .inner li { border-right: 1px solid #333333; }

#footer .inner li a { color:#333333; }


/* ------------------------------------------
	PC用の下層ページスタイル記述
--------------------------------------------- */

/* ブログ
----------------------------- */

.article { /* 記事ボックス */
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0 0 3px #ccc;
}

.article .post-content { /* 記事本文 */ border-bottom: 1px dotted #ccc; }

/* コメント部分 
----------------------------- */
#com h3 {/* コメントタイトル */
	border-bottom: 1px solid #999;
	background-color: #eee;
}

#com .compost { /* コメント本文 */ border-bottom: 1px dotted #ddd; }

/* よくある質問
----------------------------- */

#main .faq-article h3 {/* Qの背景はここで指定 */ }

#main .faq-comment {/* Aの背景はここで指定 */ }

/* 店舗・会社案内
----------------------------- */
#table_information th, #table_information td { border-bottom: 1px dotted #ccc; }

#table_information td { }

/* 問い合わせ
----------------------------- */

.form_box .mailform-tbl th, .form_box .mailform-tbl td { border: 1px solid #ccc; }

.form_box .mailform-tbl th { background-color: #f0f0f0; }

.form_box .mailform-tbl td { background-color: #fff; }

/* コース案内
----------------------------- */
.page-course { }

.course-cf dl {/* 各ブロック */ border: 1px solid #ccc; }

.course-cf dt {
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
}

.course-cf dd .course-price { }

.course-cf .course-content02 {/* 下部コメント */ }

/* メニュー一覧表示
----------------------------- */
#main #item-list li {
	box-shadow: 0 0 3px #ccc;
	border: 1px solid #ccc;
}

/* 商品メニュー詳細
----------------------------- */
#imagewrap img { box-shadow: 0 0 3px #aaa; }

/* タクソノミーTAB風一覧 */
#container #gallery-taxonomy-list { border-bottom: 2px solid #005EDD; }

#container #gallery-taxonomy-list li a {
	background-color: #005EDD;
	color: #fff;
}

#container #gallery-taxonomy-list li.current-cat a { }

#container #gallery-taxonomy-list li a:hover { background-color: #ED0003; }
}

@media screen and (max-width:768px)  and (min-width:641px) {
/* ------------------------------------------
	タブレット用のスタイル記述
--------------------------------------------- */

}

@media screen and (max-width:640px) {

/* ------------------------------------------
	スマホ用のスタイル記述
--------------------------------------------- */

#globalnavi li a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #333333));
	background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background: -o-linear-gradient(top, #333333 0%, #000000 100%);
	background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
	background: linear-gradient(top, #333333 0%, #000000 100%);
	border-bottom: 1px solid #333;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 15px 10px;
}

#openmenu2 {
	background-color: #000;
	color: #fff;
}

.open_menu #openmenu2 { background: url(images/mobile/icon-list-up.gif) no-repeat 98% center #000; }

.sidebar .widget h3 {
	/* サイトごとに変更 */
	border-bottom: 2px solid #d2d2d2;
	color: #333333;
	font-weight:bold;
}

.sidebar .widget li a {
	/* サイトごとに変更 */
	border-bottom: 1px dotted #999;
	color: #000;
}

/*footer*/
#pagetop a {
	background-color: #aebfca;
	color: #000;
}

#footer { background-color: #aebfca; }

#footer li a {
	background: url(images/mobile/icon-list.gif) no-repeat 97% center;
	border-bottom: 1px solid #333333;
	color: #000;
	text-decoration: none;
}

#footer #copy { }

#footer-bottom { background-color: #000; }

#footer-bottom a {
	color: #fff;
	border: 1px solid #666;
}

#footer-bottom #f-map a { }

/* ------------------------------------------
	スマホ用の下層ページスタイル記述
--------------------------------------------- */
/* INDEX
------------------------------------ */
.cont03 li { border-bottom: 1px solid #ccc; }

/* よくある質問
----------------------------- */

#main .faq-article h3 {
	background-color: #2F60FF;
	color: #fff;
}

#main .faq-comment {
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
}

/* 店舗・会社案内
----------------------------- */

#table_information th, #table_information td { border-bottom: 1px dotted #ccc; }

/* ブログ
----------------------------- */
.article {
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0 0 3px #ccc;
}

/* 問い合わせ
----------------------------- */
.form_box .mailform-tbl { }

.form_box .mailform-tbl th, .form_box .mailform-tbl td { border: 1px solid #ccc; }

.form_box .mailform-tbl th { background-color: #f0f0f0; }

/* コース案内
----------------------------- */
.page-course { }

.course-cf dl {/* 各ブロック */
	border: 1px solid #ccc;
	border-radius: 10px;
}

.course-cf dt {
	border-bottom: 2px solid #ccc;
	padding-bottom: 7px;
}

.course-cf .course-content02 {/* 下部コメント */ }

/* メニュー1行表示
----------------------------- */


/* メニュー一覧表示
----------------------------- */
#item-list { }

#main #item-list li { border: 1px solid #ccc; }

#main #item-list li h3 { /* 1行を超える前に[・・・]で省略 */ }

/* 商品詳細
------------------------------------ */


/* タクソノミータブ
------------------------------------ */

#gallery-taxonomy-list li a {
	color: #fff;
	background: #39F;
	border-radius: 5px;
}
}


#header h1{
	margin-bottom:15px;
}

#main h2{
        padding: 5px;
        background: #c2c2c2;
        background: -moz-linear-gradient(top, #ffffff 0%, #e1e2e1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e1e2e1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, ffffff 0%, #e1e2e1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #e1e2e1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #e1e2e1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #e1e2e1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e2e1', GradientType=0 ); /* IE6-9 */
		border:1px solid #eeeeee;
		color:#333333;
		font-weight:bold;

}

#main .titleh2-inner{
        border-left: 5px solid #a7e944;
        padding:2px 0 2px 20px;
        margin-left:3px;
}

.sidebar .side-squea{
	color:#a7e944;
	font-size:18px;
	padding-right:5px;
}

#copy{
	color:#333333;
}

#f-txt a{
	color:#333333;
}
