﻿/* ＝＝＝＝＝＝＝＝＝＝＝＝全体共通設定＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

/* ーーーーーーーーーーーーー全体設定ーーーーーーーーーーーーー　*/
* { margin: 0px ;
	padding: 0px ;
	border: 0px ;	
}

body {
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
}

/* ーーーーーーーーーーーーー解除ーーーーーーーーーーーーー　*/
.clear {
	clear: both;
}



/* ーーーーーーーーーーーーー上部ヘッダーーーーーーーーーーーーーー　*/
#headline {
	margin: 0 auto 0 auto;
	padding: 0px;
	height: 20px;
	width: 950px;
	border: 0px;
	background-color: #99CC66;
}

#headline h1 {
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
}

/* ーーーーーーーーーーーーー上部ヘッダータイトルテキストーーーーーーーーーーーーー　*/
#top_title {
	width: 950px;
	margin: 0 auto 0 auto;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;
}
#top_title td {
	padding-top: 5px;
}


#top_title h2 {
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	text-align: right;
}


/* ーーーーーーーーーーーーー上部ヘッダーナビゲーションーーーーーーーーーーーーー　*/
#top_navi {
	background-color: #CEE7B6;
	width: 950px;
	border: 0;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#top_navi ul {
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#top_navi li {
	margin: 0px;
	list-style-type: none;
	display: inline;
	padding-left: 10px;
}
#top_navi a {
	font-size: 15px;
	color: #996600;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-weight: bold;
}
#top_navi a:hover {
	color: #FF0000;
	background-image: url(layout/linkmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* ーーーーーーーーーーーーーコンテンツ外枠ーーーーーーーーーーーーー　*/
#contents {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 0;
	width: 950px;
}


/* ーーーーーーーーーーーーー下部フッターラインーーーーーーーーーーーーー　*/
#footerline {
	margin: 0 auto 0 auto;
	padding: 0px;
	height: 20px;
	width: 950px;
	border: 0px;
	background-color: #99CC66;
	text-align: right;
	font-size: 12px;
}
#footerline a {
 font-size: 12px;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝全体共通左部ナビゲーション設定＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
/* ーーーーーーーーーーーーー左部ナビゲーションーーーーーーーーーーーーー　*/
#side_navi {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 5px 20px 5px;
	border: 0;
	text-align: left;
	font-size: 14px;
	vertical-align: top;
	width: 180px;
}

/* ーーーーーーーーーーーーー左部ナビゲーション　カテゴリタイトル部分ーーーーーーーーーーーーー　*/

#side_navi .navi_category{
	background-color: #CEE7B6;
	margin-top: 10px;
	font-size: 16px;
	color: #996600;
	font-weight: bold;
	padding: 5px;
	width: 170px;
    }
	
#side_navi .navi_category p {
	font-size: 16px;
	font-weight: bold;
	color: #996600;
	padding-left:25px;
}

#side_navi .navi_category a{
	font-size: 16px;
	font-weight: bold;
	color: #996600;
	text-decoration: none;
	padding-left:25px;
}
#side_navi .navi_category a:hover {
	color: #FF0000;
	background-image: url(layout/linkmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/* ーーーーーーーーーーーーー左部ナビゲーション　リンクメニュー部分ーーーーーーーーーーー　*/
#side_navi .navi_box {
	margin-bottom: 20px;
	border: 2px solid #CEE7B6;
	margin-top: 0px;
	text-align: left;
	padding: 5px 0px 10px 5px;
	width: 171px;
    }
*html #side_navi .navi_box {
	width: 170px;
}
#side_navi .navi_box p {
	color: #99CC33;
	font-size: 15px;
	line-height:120%;
}
	
#side_navi .navi_box ul{
	margin-top: 5px;
}
#side_navi .navi_box li {
	padding-top: 6px;
	list-style-type: none;
}


#side_navi .navi_box a {
	color: #996600;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#side_navi .navi_box a:hover {
	color: #006600;
	text-decoration: underline;
}

#side_navi .navi_box .asterisk {
	background: url(layout/asterisk.gif) no-repeat left bottom;
	padding-left: 20px;
	padding-top: 7px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝全体共通右枠設定＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
/* ーーーーーーーーーーーーー右部サイドボックスーーーーーーーーーーーーー　*/
#side_box {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 5px 20px 5px;
	border: 0;
	text-align: left;
	font-size: 14px;
	vertical-align: top;
	width: 180px;
}

/* ーーーーーーーーーーーーー右部サイドボックス　カテゴリタイトル部分ーーーーーーーーーーーーー　*/

#side_box .navi_category{
	background-color: #F8E681;
	font-size: 16px;
	color: #996600;
	font-weight: bold;
	padding: 5px;
	width: 170px;
    }
	
#side_box .navi_category p {
	font-size: 16px;
	font-weight: bold;
	color: #996600;
	padding-left:15px;
}

#side_box .navi_category a{
	font-size: 16px;
	font-weight: bold;
	color: #996600;
	text-decoration: none;
	padding-left:25px;
}
#side_box .navi_category a:hover {
	color: #FF0000;
	background-image: url(layout/linkmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* ーーーーーーーーーーーーー右部サイドボックス　テキスト・リンク部分ーーーーーーーーーーー　*/
#side_box .navi_box {
	margin-bottom: 20px;
	border: 2px solid #F8E681;
	margin-top: 0px;
	text-align: left;
	padding: 5px 0px 10px 5px;
	width: 171px;
    }
*html #side_box .navi_box {
	width: 170px;
}

#side_box .navi_box p {
	color: #000000;
	font-size: 13px;
	line-height:120%;
}
#side_box .navi_box img {
	margin: 0px auto;
}

	
#side_box .navi_box ul{
	margin-top: 5px;
}
#side_box .navi_box li {
	padding-top: 5px;
	list-style-type: none;
}


#side_box .navi_box a {
	color: #996600;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#side_box .navi_box a:hover {
	color: #006600;
	text-decoration: underline;
}
.style6 {
	color: #FF6600;
	font-weight: bold;
}


/* ーーーーーーーーーーーーー右部サイドボックス　RSS部分ーーーーーーーーーーー　*/

.webrss {
	font-size: 13px;
	color: #000000;
	line-height:115%
}
.webrss ul li {
	margin-bottom: 10px;
}


  
/* ＝＝＝＝＝＝＝＝＝＝＝＝全体共通コンテンツ設定＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
/* ーーーーーーーーーーーーーメインコンテンツーーーーーーーーーーーーー　*/

#main {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 5px 20px 5px;
	border: 0;
	vertical-align: top;
	text-align: center;
	width: 560px;
    }

/* ーーーーーーーーーーーーーページタイトル欄　見出し部分ーーーーーーーーーーーーー　*/
#pagetitle {
	width: 100%;
}
#pagetitle #midashi {
	background-image: url(layout/pointmark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 60%;
}
#pagetitle #midashi h3 {
	font-size: 16px;
	color: #99CC33;
	font-weight: normal;
	padding-left: 50px;
	padding-top: 45px;
}
#pagetitle #midashi h4 {
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	padding-top: 10px;
	padding-left: 65px;
	padding-bottom: 15px;
}

#pagetitle #midashi_end {
	background-image: url(layout/cornerend.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* ーーーーーーーーーーーーーページタイトル欄　サブメニューリンク部分ーーーーーーーーーーーーー　*/

#pagetitle #submenu {
	padding-top: 30px;
}
#pagetitle #submenu ul {
	list-style-position: inside;
	list-style-type: circle;
}
#pagetitle #submenu li a {
	font-size: 12px;
	line-height: 150%;
	color: #996600;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
#pagetitle #submenu li a:hover {
	font-weight : bold;
}

/* ーーーーーーーーーーーーーページレッスンサンプル部分ーーーーーーーーーーーーー　*/

#contents #main .sample {
	margin-top: 20px;
	border: 5px dotted #FFC1C1;
	width: 100%;
	background: #FFF4F4;
}
#contents #main .sample .sample_flower {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}
#contents #main .sample td {
	padding: 10px 5px;
	vertical-align: top;
	font-size: 13px;
	line-height: 130%;
}

/* ーーーーーーーーーーーーーページレッスン説明　特色リスト部分ーーーーーーーーーーーーー　*/

#contents #main .tokushoku {
	margin: 20px 10px 0px 10px;
}
#contents #main .tokushoku ul {
	list-style-type: none;
}
#contents #main .tokushoku li {
	background: url(layout/linkmark.gif) no-repeat left top;
	padding-left: 30px;
	font-size: 15px;
	line-height: 130%;
	margin-bottom: 20px;
}


/* ーーーーーーーーーーーーーコンテンツ小見出し設定ーーーーーーーーーーーーー　*/

#main .komidashi {
	font-size: 14px;
	color: #000000;
	background-image: url(layout/h_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 25px;
	padding-left: 40px;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: left;
}



/* ーーーーーーーーーーーーーメインテキスト設定（枠線なしパターン）ーーーーーーーーーーーーー　*/

.text {
	font-size: 15px;
	line-height: 130%;
	margin-top: 20px;
	padding: 10px;
	text-align: left;
}

/* ーーーーーーーーーーーーーメインテキスト設定（枠線ありパターン）ーーーーーーーーーーーーー　*/

.text-frame {
	font-size: 15px;
	line-height: 130%;
	margin-top: 20px;
	padding : 10px;
	width : 538px;
	border: 1px solid #E4A84E;
	text-align:left;
}

/* ーーーーーーーーーーーーーメインテキスト設定（枠線なし左右２段組パターン）ーーーーーーーーーーーーー　*/

.boxleft {
	float: left;
	padding: 10px;
}
.boxright {
	padding: 10px;
	float: right;
}

/* ーーーーーーーーーーーーー行頭下げテキスト設定ーーーーーーーーーーーーー　*/

.innertext {
	margin: 10px 0px 10px 30px;
	line-height:120%;
}

/* ーーーーーーーーーーーーーテキストフォント設定ーーーーーーーーーーーーー　*/
/* 茶太大字　*/
.topic {
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
	color: #DF9931;
	padding-bottom: 10px;
	text-align: left;
}

/* 緑太字　*/
.style1 {
	color: #009900;
	font-weight: bold;
}
/* 赤太大文字　*/
.style2 {
	color: #FF0000;
	font-weight: bold;
	font-size: 17px;
}
/* 黒小文字　*/
.style3 {font-size: 12px}



/* ーーーーーーーーーーーーーレッスンカリキュラム(左右２段）テーブル設定ーーーーーーーーーーーーー　*/

#main #curriculum-a {
	margin: 20px auto 20px auto;
	width : 553px;
}
#main #curriculum-a td {
	border: 1px solid #E4A84E;
	padding : 5px;
	font-size:14px;
	vertical-align:top;
	text-align: left;
}

#main #curriculum-a img {
	margin : 10px auto 10px auto ;
}

/* ーーーーーーーーーーーーーレッスンカリキュラム(段組無し）設定ーーーーーーーーーーーーー　*/

#main #curriculum-b {
	margin: 20px 0px;
}

#main #curriculum-b .frame{
	border: 1px solid #E4A84E;
	padding : 5px;
	font-size:14px;
	line-height:130%;
	margin: 5px 0px;
	width : 538px;
	text-align: left;
}

#main #curriculum-b .frame img {
	margin : 10px ;
}
	
/* ーーーーーーーーーーーーーレッスン代テーブル設定ーーーーーーーーーーーーー　*/

#main .charge {
	margin: 20px auto 20px auto;
	width: 500px;
	border: 1px solid #E4A84E;
	background-color: #FFFFE8;
}

#main .charge td {
	padding : 5px;
	border: 1px solid #E4A84E;
	font-size: 14px;
}

/* ーーーーーーーーーーーーー入力フォームテーブル設定ーーーーーーーーーーーーー　*/

#main #form {
	margin: 20px auto 20px auto;
	width: 500px;
	border: 1px solid #E4A84E;
	background-color: #FFFFE8;
}

#main #form td {
	padding : 5px;
	border: 1px solid #E4A84E;
	font-size: 14px;
}

#main #form .wakusen {
	border: 1px solid #E4A84E;
}

#main .text-frame #form .th {
	background-color: #EFFDEA;
	padding : 5px;
	border: 1px solid #E4A84E;
	font-size: 14px;
	font-weight: bold;
}

/* ーーーーーーーーーーーーーリンクテーブル設定ーーーーーーーーーーーーー　*/

#main .linktable {
	margin: 5px auto 30px auto;
	width: 500px;
	border: 1px solid #E4A84E;
	background-color: #FFFFE8;
}

#main .linktable td {
	padding : 5px;
	border: 1px solid #E4A84E;
	font-size: 14px;
	vertical-align: top;
}


	
/* ーーーーーーーーーーーーー配送日と配送時間用テーブル設定ーーーーーーーーーーーーー　*/	

#main .haisotable {
border: 1px solid #E4A84E ;
margin: 10px 0px ;
}

#main .haisotable td {
font-size : 12px ;
padding : 2px ;
border: 1px solid #E4A84E ;
}

	
/* ーーーーーーーーーーーーーページトップへの戻りリンクーーーーーーーーーーーーー　*/

.to_top {
	font-size: 12px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* ーーーーーーーーーーーーー下部フッターーーーーーーーーーーーーー　*/
#footer {
	width: 950px;
	background-color: #FFFFFF;
	background-image: url(layout/footerline.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* ーーーーーーーーーーーーー下部フッターナビゲーションーーーーーーーーーーーーー　*/
#footerlink {
	font-size: 10px;
	line-height: 180%;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 5px;
}
#footerlink a {
	font-size: 12px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝トップページ用個別設定＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

/* ーーーーーーーーーーーーートップPR部分ーーーーーーーーーーーーー　*/
#topcatch {
	font-size: 13px;
	line-height: 125%;
	vertical-align: top;
	padding: 10px 0px 20px 50px;
	background: url(layout/cornerend.gif) no-repeat 95% 90%;
}
#topcatch span {
	font-weight:bold ;
	color:#FF0000;
}

.top_pr {
	background-image: url(image/top_prback.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 15px 5px;
	vertical-align: top;
	width: 170px;
	text-align: center;
	}


.style5 {
	font-size: 13px;
	line-height: 120%;
	text-align: left;
	padding-left: 8px;
}

/* ーーーーーーーーーーーーーレッスン PR部分ーーーーーーーーーーーーー　*/
#lesson_pr {
	border: 1px solid #E4A84E;
	background-color: #FFFFBF;
	padding: 10px;
	width: 538px;
	text-align: center;
}

#lesson_pr h3{
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
}

#lesson_pr .pr_text{
	font-size: 14px;
	line-height: 140%;
	font-weight: normal;
	padding: 0px 10px 20px 20px;
	text-align: left;
}

#lesson_pr .lesson_subcate {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CEE7B5;
	vertical-align: bottom;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

#lesson_pr span {
	font-weight:bold ;
	color:#FF0000;
}
#lesson_pr .lesson_subcate h4 {
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	float: left;
	padding-right: 15px;
}
#lesson_pr .lesson_subcate h5 {
	font-size: 13px;
	font-weight: normal;
	padding-top: 4px;
}
#lesson_pr td {
	background-image: url(image/board.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 25px 10px 15px;
	height: 220px;
	vertical-align: top;
	width : 220px ;
}

#lesson_pr .lesson_link  {
	margin: 0px auto 20px;
}

#lesson_pr .lesson_link p {
	font-size:12px;
	line-height:120%;
}
#lesson_pr .lesson_link span {
	font-size:12px;
	font-weight:bold ;
	color:#FF0000;
}

#lesson_pr .lesson_link a {
	color: #996600;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#lesson_pr .lesson_link a:hover {
	color: #006600;
	text-decoration: underline;
}
#lesson_pr .lesson_link img {
	margin: 3px 0px 8px;
}

/* ーーーーーーーーーーーーー生徒さんのおたより・AIFD部分ーーーーーーーーーーーーー　*/
.aifd_pr {
	background-image: url(layout/pointmark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #E4A84E;
	width : 558px;
	margin-bottom: 10px;
    }
	
.aifd_pr h3{
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	padding-top: 40px;
	padding-left: 80px;
	padding-bottom: 15px;
	line-height: 130%;
}
.aifd_pr h4,.aifd_pr p {
	font-size: 14px;
	line-height: 130%;
	font-weight: normal;
	padding-left: 30px;
}
.aifd_pr span {
	font-weight:bold ;
	color:#FF0000;
}
.aifd_pr .letter {
	font-size: 12px;
	line-height: 135%;
	padding: 15px 10px 0px 30px;
}

/* ーーーーーーーーーーーーーPR内リンク部分ーーーーーーーーーーーーー　*/

.pr_link {
	padding-top: 20px;
	text-align: right;
	padding-right: 10px;
}
.pr_link ul {
	list-style-type: none;
}
.pr_link li a {
	font-size: 12px;
	line-height: 150%;
	color: #996600;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
.pr_link li a:hover {
	font-weight : bold;
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝写真メインページ用設定＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

/* ーーーーーーーーーーーーーＡＩＦＤ試験・発表作品集ーーーーーーーーーーーーー　*/

.waku_forgallery {
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #E4A84E;
	font-size: 12px;
	line-height: 130%;
	width : 543px;
	text-align: left;
}

.waku_forgallery table {
	width : 100% ;
}
.waku_forgallery td{
	font-size: 12px;
	line-height: 130%;
	vertical-align:top;
}


.photo_memo {
	font-size: 14px;
	line-height: 130%;
}
.photo_memo span {
	font-weight:bold;
	color:#FF0000;
}

/* ーーーーーーーーーーーーー発表作品集トップ・単独作品用枠設定ーーーーーーーーーーーーー　*/

#main .text-frame .designbox {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #E4A84E;
}
#main .text-frame .designbox td {
	font-size: 12px;
	line-height: 130%;
	vertical-align: top;
	padding: 5px;
}


/* ーーーーーーーーーーーーー全ページ共通　ボタンリンク設定ーーーーーーーーーーーーー　*/


.buttonlink td {
	text-align: right;
}


/* ーーーーーーーーーーーーーIE用PNGFIXーーーーーーーーーーーーー　*/

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

/* ーーーーーーーーーーーーーインデックスのメルマガフォーム枠用ーーーーーーーーーーーーー　*/
input {
 border: 1px solid #999999;
}

