@charset 'UTF-8'; 
@import url(common.css);
@import url(navi.css);
@import url(layout.css);

/* ================================================================ *
	NexasDesign 2008
	共通 CSS

	ナビゲーション、ボタン関係のCSSは[navi.css]にあります。
	全体のレイアウトは[layout.css]にあります。
	※common.css側で【liタグ】なども初期化されているので、必要に応じて削除してください。
 * ================================================================ */


/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

body {
	text-align : center;
	color : #333333;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#wrap {
	width : 960px;
	margin : 0 auto;
	text-align : left;
}

p {
	line-height : 140%;
}

table {
	width : 100%;
}
.tb-box {
	clear : both;
	zoom : 100%;
	margin :  0 20px 20px;
	border-bottom : 2px dashed #c8c8c8;
}

/* テーブルのborderをシンプルにする場合はコメントアウト 
table {
	border-collapse: collapse;
}*/

/* サイト全体のリストスタイルを設定します */
li {
	font-size: 0.8em;
	list-style-type: none;
}


/* 画像のborderを消します */
img {
	border : none;
}

/* aタグ設定 全体を指定する場合はコメントを解除 */
/*
a {
	color : #ff3300;
}
a:hover {
	color : #336699;
}
*/


/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
#header:after {
	content: url(../img/parts/space.gif);
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility:hidden;
}
#header {
	zoom : 100%;
	background : url(../img/parts/line01.png) repeat-x 0 bottom;	
}
#header h1 {
	padding : 44px 0 0;
}

/* ナビ、ビジュアルのボックスの最下部に区切り線を入れる場合　レギュラーページ用 */
#header-rp {
	zoom : 100%;
	padding : 0 0 1px;
	background : url(../img/parts/line01.png) repeat-x 0 bottom;	
}


/* デザインに合わせたpaddingを指定してください。 */
 h1 {
 	float : left;
	padding : 10px 0 0;
/*	padding : 10px 0 0;*/
}
h2 {
	font-size: 0.6em;
	text-indent: -9999px;
}

/* -------------------------------------------------------------------
>> 各ページテーマカラー設定
------------------------------------------------------------------- */
.color-bl h3 {
	background : url(../img/parts/h3bg_bl.png) no-repeat 0 bottom;
}
.color-brgrey h3 {
	background : url(../img/parts/h3bg_brgrey.png) no-repeat 0 bottom;
}
.color-gr h3 {
	background : url(../img/parts/h3bg_gr.png) no-repeat 0 bottom;
}
.color-mint h3 {
	background : url(../img/parts/h3bg_mint.png) no-repeat 0 bottom;
}
.color-or h3 {
	background : url(../img/parts/h3bg_or.png) no-repeat 0 bottom;
}
.color-pink h3 {
	background : url(../img/parts/h3bg_pink.png) no-repeat 0 bottom;
}
.color-rd h3 {
	background : url(../img/parts/h3bg_rd.png) no-repeat 0 bottom;
}
.color-vilt h3 {
	background : url(../img/parts/h3bg_vilt.png) no-repeat 0 bottom;
}
.color-vilt2 h3 {
	background : url(../img/parts/h3bg_vilt.png) no-repeat 0 bottom;
}

/*---------- h3の帯を個別に設定する場合はこちらを指定 ---------------*/
#wrap h3.h3-bl {
	background : url(../img/parts/h3bg_bl.png) no-repeat 0 bottom;
}
#wrap h3.h3-brgrey {
	background : url(../img/parts/h3bg_brgrey.png) no-repeat 0 bottom;
}
#wrap h3.h3-gr{
	background : url(../img/parts/h3bg_gr.png) no-repeat 0 bottom;
}
#wrap h3.h3-mint {
	background : url(../img/parts/h3bg_mint.png) no-repeat 0 bottom;
}
#wrap h3.h3-or {
	background : url(../img/parts/h3bg_or.png) no-repeat 0 bottom;
}
#wrap h3.h3-pink {
	background : url(../img/parts/h3bg_pink.png) no-repeat 0 bottom;
}
#wrap h3.h3-rd {
	background : url(../img/parts/h3bg_rd.png) no-repeat 0 bottom;
}
#wrap h3.h3-vilt {
	background : url(../img/parts/h3bg_vilt.png) no-repeat 0 bottom;
}
h3 {
	clear : both;
	margin : 0 0 15px;
	padding : 0 0 15px 0px;
}

/* h3のflash　位置調整 */
.h3-obj {
	float : left;
	position : relative;
	top : -2px;
	padding : 0 5px 0 14px;
}
h4 {
	clear : both;
	margin : 0 0 15px;
	padding : 0 0 15px 0px;
}

/* -------------------------------------------------------------------
>> メインビジュアル設定
------------------------------------------------------------------- */
.main-visual {
	float : right;
	width : 700px;
}

#visual-index {
	height : 479px;
	background : url(../img/parts/img_index.jpg) no-repeat;
}
#visual010 {
	height : 260px;
	background : url(../img/parts/img_010.jpg) no-repeat;
}
#visual100 {
	height : 260px;
	background : url(../img/parts/img_100.jpg) no-repeat;
}
#visual101 {
	height : 260px;
	background : url(../img/parts/img_101.jpg) no-repeat;
}
#visual102 {
	height : 260px;
	background : url(../img/parts/img_102.jpg) no-repeat;
}
#visual200 {
	height : 524px;
	background : url(../img/parts/img_200.jpg) no-repeat;
}
#visual210 {
	height : 260px;
	background : url(../img/parts/img_210.jpg) no-repeat;
}
#visual220 {
	height : 260px;
	background : url(../img/parts/img_220.jpg) no-repeat;
}
#visual240 {
	height : 260px;
	background : url(../img/parts/img_240.jpg) no-repeat;
}
#visual250 {
	height : 260px;
	background : url(../img/parts/img_250.jpg) no-repeat;
}
#visual280 {
	height : 260px;
	background : url(../img/parts/img_280.jpg) no-repeat;
}
#visual290 {
	height : 260px;
	background : url(../img/parts/img_290.jpg) no-repeat;
}
#visual300 {
	height : 328px;
	background : url(../img/parts/img_300.jpg) no-repeat;
}
#visual310 {
	height : 328px;
	background : url(../img/parts/img_310.jpg) no-repeat;
}
#visual400 {
	height : 328px;
	background : url(../img/parts/img_400.jpg) no-repeat;
}
#visual410 {
	height : 328px;
	background : url(../img/parts/img_410.jpg) no-repeat;
}
#visual500 {
	height : 328px;
	background : url(../img/parts/img_500.jpg) no-repeat;
}
#visual600 {
	height : 260px;
	background : url(../img/parts/img_600.jpg) no-repeat;
}
#visual700 {
	height : 260px;
	background : url(../img/parts/img_700.jpg) no-repeat;
}
#visual800 {
	height : 260px;
	background : url(../img/parts/img_800.jpg) no-repeat;
}
#visual900 {
	height : 260px;
	background : url(../img/parts/img_900.jpg) no-repeat;
}
#visual910 {
	height : 260px;
	background : url(../img/parts/img_910.jpg) no-repeat;
}



/* ================================================================ *
	各コンテンツ設定
	
	
 * ================================================================ */


/* -------------------------------------------------------------------
>> スクール紹介ページ設定
------------------------------------------------------------------- */
#style-school h4 {
	margin : 0 15px;
	font-weight: normal;
}
#style-school h5 {
	background-image: url(../img/icon/anc01.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#style-school dt {
	font-size: 0.9em;
}
#style-school dd {
	font-size: 0.8em;
}
#style-school p {
	font-size: 0.8em;
	line-height: 140%;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/* -------------------------------------------------------------------
>> 会員専用
------------------------------------------------------------------- */
#report h2 {
	margin : 0 0 15px;
}
#report h4 {
	margin : 0 0 5px;
	padding : 0 0 0 12px;
	font-size : 1.2em;
	color : #333333;
	background-image: url(../img/icon/item_pointer04.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	font-weight: normal;
}
#report a {
	color: #669999;
	text-decoration: none;
}
#report .day {
	font-size : 0.8em;
	color: #333333;
}
#report table {
	width : 96%;
}
#rpgr {
	background-image: url(../img/parts/archive_box_bg2.png);
	margin-right: 20px;
}
#rpvilt {
	background-image: url(../img/parts/bg_02.png);
	margin-right: 20px;
}
#rpbl {
	background-image: url(../img/parts/archive_box_bg.png);
	margin-right: 20px;
}
#rpbrgrey {
	background-image: url(../img/parts/bg_04.png);
	margin-right: 20px;
}


.report-box {
	padding : 10px 10px;
}
.report-box dt {
	margin : 0 0 5px;
	padding : 0 0 0 10px;
	font-weight : bold;
	background-image: url(../img/icon/arrow05.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}
.report-box .day {
	padding : 0 0 0 0;
	color : #982c3a;
	font-weight : normal;
	font-size : 0.8em;
	background : none;
}
.report-box dd {
	margin : 0 0 1em;
	padding : 0 10px 0 10px;
	font-size : 0.8em;
}


/* -------------------------------------------------------------------
>> ヘッダー内、コース紹介
------------------------------------------------------------------- */

.courses-box {
	position : relative;
	height : 146px;
}
.courses-box ul {
	position : absolute;
	width : 712px;
}
.courses-box li {
	float : left;
}

.courses-box2 {
	position:relative;
	margin : 0 0 0 -20px;
}
.courses-box2 li {
	display : inline;
}


/* -------------------------------------------------------------------
>> 最近の生徒さんの作品
------------------------------------------------------------------- */
.artwork-box {
	clear : both;
	width : 690px;
	height:221px;
	background: url(../img/parts/artwork_box_bg.jpg) no-repeat 0 23px;
}
.artwork-box h3 {
	margin : 0 0 5px;
	padding : 0 0 15px 0px;
}


.artwork-box ul {
	margin : 0 0 10px 10px;
	background : url(../img/parts/line01.png) repeat-x;
}

.artwork-box li {
	float : left;
	text-align : center;
	margin : 0px 22px 0 0;
	font-size : 0.6em;
	line-height : 140%;
}

.artwork-box .left-btn {
	display : inline;
	float : left;
	margin : 55px 15px 0 15px;
}
.artwork-box .right-btn {
	display : inline;
	float : right;
	margin : 55px 15px 0 0;
}

#style-school .artwork-box .left-btn {
	display : inline;
	float : left;
	margin : 55px 15px 0 15px;
}

#style-school .right-btn {
	display : inline;
	float : right;
	margin : 55px 15px 0 0;
}


.artwork-box .margin0 {
	margin : 0px 0 0 0;
}

/*------------------- 400.html用 ------------------------------------------*/
.artwork-box2 {
	position:relative;
	clear : both;
	width : 690px;
	height:221px;
	background: url(../img/parts/artwork_box_bg.jpg) no-repeat 0 23px;
}

.artwork-box2 ul {
	position:absolute;
	left : 25px;
	margin : 0 0 10px 0;
/*	padding : 0 0 0 25px;*/
	background : url(../img/parts/line01.png) repeat-x;
}

.artwork-box2 li {
	float : left;
	width : 110px;
	text-align : center;
	margin : 0px 22px 0 0;
	font-size : 0.6em;
	line-height : 140%;
}
.artwork-box2 a {
	display : inline-block;
}
.artwork-box2 .more-btn {
	position: absolute;
	bottom: 35px;
	right:1em;
}


/*----------------- .artwork-box 右寄せの場合 ---------------------*/
.right-box .artwork-box {
	margin-left : 10px;
}

/*-------- 作成アルバムページ、arttwork-box各色背景 ---------------*/
#artwork-box02 {
	margin : 5px 0 0;
	background: url(../img/parts/artwork_box_bg02.jpg) no-repeat 0 0;
}
#artwork-box03 {
	margin : 5px 0 0;
	background: url(../img/parts/artwork_box_bg03.jpg) no-repeat 0 0;
}
#artwork-box04 {
	margin : 5px 0 0;
	background: url(../img/parts/artwork_box_bg04.jpg) no-repeat 0 0;
}
#artwork-box05 {
	margin : 5px 0 0;
	background: url(../img/parts/artwork_box_bg05.jpg) no-repeat 0 0;
}
#artwork-box02 ul,
#artwork-box03 ul,
#artwork-box04 ul,
#artwork-box05 ul {
	padding : 15px 0 0;
	background : none;
}



/* -------------------------------------------------------------------
>> 最近の制作風景
------------------------------------------------------------------- */

/*---------------- 最近の制作風景 w:700px -----------------------*/
.scene-box1 {
	clear : both;
	width : 700px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.scene-box1 p {
	font-size: 0.8em;
}
.scene-right {
	float : right;
	width : 420px;
}
.scene-boxd {
	clear : both;
	padding-bottom: 20px;
}
.scene-boxd table {
	width: 680px;
}
.scene-boxd td {
	padding: 4px;
	font-size: 0.8em;
}
.scene-photo {
	clear : both;
	margin-right : 40px;
}
.scene-photod {
	clear : both;
	width: 680px;
}
.scene-photo ul {
	padding : 10px 0 0 0;
}

.scene-photo li {
	float : left;
	margin : 0 0 0 15px;
}
.scene-photo li.main-photo {
	display : inline;
	margin : 0 6px 0 30px;
}

/* 写真下の説明文 */
.scene-text {
	float : right;
	width : 378px;
}
.scene-text p{
	padding : 10px;
	font-size : 0.7em;
}
#bg01 {
	background-image: url(../img/parts/bg_01.png);
}
#bg02 {
	background : url(../img/parts/bg_02.png) repeat-y;
}
#bg03 {
	background : url(../img/parts/bg_03.png) repeat-y;
}
#bg04 {
	background : url(../img/parts/bg_04.png) repeat-y;
}


/*---------------- 最近の制作風景 w:260px -----------------------*/
.scene-box2 {
	clear : both;
	display:inline-block;
	margin : 0 0 40px;
	padding : 15px 0 0;
	background : url(../img/parts/line01.png) repeat-x;
}

.scene-box2 p {
	margin : 0 10px 10px 20px;
	padding : 0 0 0 10px;
	font-size : 0.7em;
	background : url(../img/icon/arrow05.gif) no-repeat 0 5px;
}
.scene-box2 .day {
	display : block;
	color : #669900;
}
.scene-box2 ul {
	margin : 0 0 0 10px;
}
.scene-box2 li {
	float : left;
	margin : 0 5px 0 0;
}
.scene-box2 .margin0 {
	margin : 0 0 0 0;
}
.scene-box2 .more-btn {
	display : block;
	margin : 0 15px 0 0;
}


/*------------------------- 右カラムに入る場合 ----------------------*/
.right-area .scene-box2 {
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	background : none;
}
.right-area .scene-box2 ul{
	margin : 0 0 0 20px;
}
.right-area  .scene-box2 .more-btn {
	display : block;
	margin : 0 0 0 0;
}


/* -------------------------------------------------------------------
>> 更新ブロック（blog・みんなの広場）
------------------------------------------------------------------- */
.update-box {
	clear : both;
	zoom : 100%;
	margin :  0 20px 8px;
	border-bottom : 2px dashed #c8c8c8;
}
.update-box p {
	font-size: 0.8em;
	margin-bottom: 1em;
}
.update-box th {
	font-size: 0.8em;
	text-align: right;
	padding-right: 0.8em;
}
.update-box td {
	font-size: 0.8em;
	padding-top: 4px;
	padding-bottom: 4px;
}
.update-box dt.title {
	padding : 0 0 0 15px;
	font-size : 1.2em;
	font-weight : bold;
}
.update-box .day {
	float : left;
}
.update-box .cate {
	float : right;
}
.update-box .cate a {
	text-decoration : none;
}
.update-box dl {
	clear : both;
	margin-bottom: 20px;
}
.update-box dd {
	clear : both;
	margin : 10px 0 0;
	font-size : 0.8em;
}

.blog {
	padding : 0 0 15px;
}

/*-------------------- みんなの広場　返信ブロック --------------------*/
.return {
	margin : 15px 0 10px;
	padding : 15px 10px 15px;
	background : #f1f1f2;
}
.return dt {
	padding : 0 0 0 15px;
	font-size : 1.0em;
	font-weight : bold;
	color : #333333;
	background : url(../img/icon/arrow06.gif) no-repeat 0 center;
}
.return dd {
	margin : 15px 0 0;
	font-size : 0.9em;
}
.return .name {
	text-align : right;
}

/*----------------------------- 色分け設定 --------------------------*/

/* エンジ */
.color-vilt h4,
.color-vilt a {
	color : #982c3a;
	text-decoration: none;
}
.color-vilt2 a {
	color : #333;
	text-decoration: none;
}
.color-vilt2 a:hover {
	color : #982c3a;
	text-decoration: none;
}
.color-vilt .update-box a {
	color : #982c3a;
}
.color-vilt .update-box .title {
	color : #333333;
	background : url(../img/icon/item_pointer01.gif) no-repeat 0 center;
	font-weight: normal;
}
.color-vilt .update-box .day{
	color : #982c3a;
}
.color-vilt .update-box .cate a {
	color : #982c3a;
}
.color-vilt .update-box .name {
	text-align : right;
	color : #982c3a;
}

/* オレンジ */
.color-rd h4,
.color-rd a {
	color : #CB4013;
	text-decoration: none;
}
.color-rd .update-box .title {
	color : #333333;
	background : url(../img/icon/item_pointer03.gif) no-repeat 0 center;
	font-weight: normal;
}
.color-rd .update-box .day{
	color : #CB4013;
}
.color-rd .update-box .cate a {
	color : #CB4013;
}

/* 黄緑 */
.color-gr h4,
.color-gr a {
	color : #669900;
	text-decoration: none;
}
.color-gr .update-box .title {
	color : #333333;
	font-weight: normal;
	background-image: url(../img/icon/item_pointer05.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}
.color-gr .update-box a,.day {
	color : #669900;
}


/* ミント */
.color-mint h4,
.color-mint a {
	color : #333333;
	text-decoration: none;
}
.color-mint .update-box .title {
	color : #669999;
	font-weight: normal;
}
.color-mint .update-box .day{
	color : #333333;
}
.color-mint .update-box .cate a {
	color : #669999;
}

/* 青 */
.color-bl h4,
.color-bl a {
	color : #3366ff;
	text-decoration: none;
}
.color-bl .update-box .title {
	color : #333333;
	background : url(../img/icon/item_pointer02.gif) no-repeat 0 center;
	font-weight: normal;
}
.color-bl .update-box .day {
	color : #3366ff;
}
.color-bl .update-box .name {
	margin : 5px 0 0;
	color : #3366ff;
}
.color-bl .update-box .cate a {
	color : #3366ff;
}
/* ブルーグレー */
.color-brgrey h4,
.color-brgrey a {
	color : #756faa;
	text-decoration: none;
}
.color-brgrey .update-box .title {
	color : #333333;
	background : url(../img/icon/item_pointer02.gif) no-repeat 0 center;
	font-weight: normal;
}
.color-brgrey .update-box .day {
	color : #756faa;
}
.color-brgrey .update-box .name {
	margin : 5px 0 0;
	color : #756faa;
}
.color-brgrey .update-box .cate a {
	color : #756faa;
}
/* イエロー */
.color-or h4,
.color-or a {
	color : #FF9900;
	text-decoration: none;
}

/*------------------ 最新ブログ記事 260px ---------------------------*/
.blog-box {
	position : relative;
	clear : both;
	margin : 20px 0;
}
.blog-box dl {
	padding: 0 0 0 10px;
}
.blog-box .day{
	padding : 10px 0 5px;
	font-size : 0.8em;
	color : #982c3a;

}
.blog-box .blog-title {
	padding : 0 0 0 10px;
	font-size : 1.2em;
	font-weight : bold;
	background : url(../img/icon/arrow02.gif) no-repeat 0 center;
}
.blog-box .cate {
	float : right;
}
.blog-box .cate a {
	color : #982c3a;
	text-decoration : none;
}
.blog-box dd {
	margin : 15px 0 0;
	font-size : 0.7em;
}


/* -------------------------------------------------------------------
>> 新着情報
------------------------------------------------------------------- */
.news-box {
	position : relative;
	margin : -20px 0 0;
}
.news-box ul {
	padding : 10px 10px 0 0;
}
.news-box li {
	margin : 0 0 10px;
	padding : 0 0 0 15px;
	font-size : 0.7em;
	background : url(../img/icon/arrow05.gif) no-repeat 0 5px;
}
.news-box a {
	color : #333333;
	text-decoration : none;
}
.news-box .day {
	color : #669900;
}


/* -------------------------------------------------------------------
>> バナーボックス
------------------------------------------------------------------- */

/*---------------------- ヨコ並び W:690pxタイプ --------------------*/
.bnr-box {
	clear : both;
	margin-left : -9px;
}
.bnr-box ul {
	positioin : relative;
	width : 709px;
}
.bnr-box li {
	float : left;
}

/* 右よせの場合 */
.right-box .bnr-box ul {
	position : relative;
	left : 10px;
}

/*----------------------- タテ並び W:260pxタイプ --------------------*/
.bnr-box2 {
	text-align : right;
}
.bnr-box2 li {
	margin-bottom: 10px;

}
.sub-navi2 {
	margin-bottom: 40px;

}
.sub-navi2 p {
	margin-bottom: 10px;
	font-size: 0.7em;
	margin-left: 30px;

}
.sub-navi2 li {
	margin-bottom: 10px;

}

.sub-navi2 table {
	margin-left: 30px;
	width: 80%;
}
.sub-navi2 th,td {
	font-size: 11px;
}

/*----------------------- ヨコ並び W:690pxタイプ --------------------*/
/*---------------------- コンテンツ下段外部リンク -------------------*/
.bnr-box3 {
	clear : both;
	padding-top: 20px;
	margin-right: -20px;
}
.bnr-box3 ul {
	width : 706px;
}
.bnr-box3 li {
	float : left;
	margin-right: 10px;
	margin-bottom: 15px;
}


/* -------------------------------------------------------------------
>> アーカイブボックス
------------------------------------------------------------------- */
.archive-box {
	margin : 35px 0 0 0;
	padding : 0 0 10px;
	background : url(../img/parts/archive_box_bg.png) repeat-y right 0;
}
.archive-box2 {
	margin : 35px 0 0 0;
	padding : 0 0 10px;
	background : url(../img/parts/archive_box_bg2.png) repeat-y right 0;
}
.archive-box3 {
	background-image: url(../img/parts/archive_box_bg4.png);
	background-repeat: repeat-y;
	background-position: right 0;
}
#scene-archive {
	margin: 0px;
}
/* 背景設定 */
.color-vilt .archive-box {
	background : url(../img/parts/blog_archive_bg01.png) repeat-y right 0;
}
.color-brgrey .archive-box {
	padding : 0 0 10px;
	background : url(../img/parts/category_box_bg.png) repeat-y right 0;
}
.color-or .archive-box{
	background : url(../img/parts/artwork_archive_bg.png) repeat-y right 0;
}
.archive-box-in {
	padding : 20px 0 0;
	background : url(../img/parts/bl_line.png) no-repeat;
}
.archive-box-in2 {
	padding : 20px 0 0;
	background : url(../img/parts/gr_line.png) no-repeat;
}
.archive-box-in3 {
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.color-vilt .archive-box-in {
/*	padding : 20px 0 0;*/
	background : url(../img/parts/vilt_line.png) no-repeat;
}
.archive-box dl{
	margin : 0 0 15px 0;
	padding : 0px 15px 0 15px;
}
.archive-box dt {
	clear : both;
	margin : 0 0 12px;
	font-weight : bold;
	font-size : 1em;
}
.archive-box dt .h3-obj {
	top : -7px;
}
.archive-box dd {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 20px;
}
.archive-box a {
	padding : 0 0 0 12px;
	text-decoration : none;
	font-size : 0.7em;
	color : #333333;
}
.archive-box2 dl{
	margin : 0 0 15px 0;
	padding : 0px 15px 0 15px;
}
.archive-box2 dt {
	clear : both;
	margin : 0 0 12px;
	font-weight : bold;
	font-size : 1em;
}
.archive-box2 dt .h3-obj {
	top : -7px;
}
.archive-box2 dd {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 20px;
	background-image: url(../img/icon/arrow08.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}
.archive-box2 a {
	padding : 0 0 0 12px;
	text-decoration : none;
	font-size : 0.7em;
	color : #333333;
}
.archive-box3 dl{
	margin : 0 0 15px 0;
	padding : 0px 15px 0 15px;
}
.archive-box3 dt {
	clear : both;
	margin : 0 0 12px;
	font-weight : bold;
	font-size : 1em;
}
.archive-box3 dt .h3-obj {
	top : -7px;
}
.archive-box3 dd {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 20px;
	background-image: url(../img/icon/arrow05.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}
.archive-box3 a {
	padding : 0 0 0 12px;
	text-decoration : none;
	font-size : 0.7em;
	color : #333333;
}
.color-bl .archive-box a {
	background : url(../img/icon/arrow06.gif) no-repeat 0 center;
}
.color-vilt .archive-box a {
	background : url(../img/icon/arrow07.gif) no-repeat 0 center;
}
.color-brgrey .archive-box a {
	background-image: url(../img/icon/arrow03.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}
.color-or .archive-box a {
	background : url(../img/icon/arrow04.gif) no-repeat 0 center;
}


/* -------------------------------------------------------------------
>> サイトマップ
------------------------------------------------------------------- */
.s1_1 {
	background-image: url(../img/icon/nico02.png);
	background-repeat: no-repeat;
	margin-left: 60px;
	padding-left: 40px;
	height: 30px;
	margin-top: 8px;
}
.s1_2 {
	background-image: url(../img/icon/arrow07.gif);
	background-repeat: no-repeat;
	margin-left: 120px;
	padding-left: 20px;
	background-position: 4px;
}
.s1_3 {
	background-image: url(../img/icon/nico02.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-left: 20px;
	padding-left: 40px;
	margin-top: 8px;
}
.s2_1 {
	background-image: url(../img/icon/nico01.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-left: 60px;
	padding-left: 40px;
	margin-top: 8px;
}
.s2_2 {
	background-image: url(../img/icon/arrow08.gif);
	background-repeat: no-repeat;
	margin-left: 120px;
	padding-left: 20px;
	background-position: 4px;
}
.s3_1 {
	background-image: url(../img/icon/nico03.png);
	background-repeat: no-repeat;
	margin-left: 60px;
	padding-left: 40px;
	height: 30px;
	margin-top: 8px;
}
.s3_2 {
	background-image: url(../img/icon/arrow02.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	margin-left: 120px;
	padding-left: 20px;
}
.s4_1 {
	background-image: url(../img/icon/nico05.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-left: 60px;
	padding-left: 40px;
	margin-top: 8px;
}
.s4_2 {
	background-image: url(../img/icon/arrow04.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	margin-left: 120px;
	padding-left: 20px;
}
.s5_1 {
	background-image: url(../img/icon/nico06.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 8px;
	margin-left: 60px;
	padding-left: 40px;
}
.s5_2 {
	background-image: url(../img/icon/arrow05.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	margin-left: 120px;
	padding-left: 20px;
}
.s6_1 {
	background-image: url(../img/icon/nico07.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 8px;
	margin-left: 60px;
	padding-left: 40px;
}
.s6_2 {
	background-image: url(../img/icon/arrow06.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	margin-left: 120px;
	padding-left: 20px;
}
.s7_1 {
	background-image: url(../img/icon/nico08.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 8px;
	margin-left: 60px;
	padding-left: 40px;
}
.s7_2 {
	background-image: url(../img/icon/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	margin-left: 120px;
	padding-left: 20px;
}
.s8_1 {
	background-image: url(../img/icon/nico04.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-left: 60px;
	padding-left: 40px;
	margin-top: 8px;
}
.s8_2 {
	background-image: url(../img/icon/arrow03.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	margin-left: 120px;
	padding-left: 20px;
}



/* -------------------------------------------------------------------
>> 右カラム スクール紹介ボックス
------------------------------------------------------------------- */
.school-box {
	position : relative;
	margin : -20px 0 0;
}
.school-box h3 {
	margin : 0 0 15px;
}
.school-box p {
	padding : 0 0 0 17px;
	font-size : 0.7em;
	line-height: 1.6em;
}
.school-box .right {
	clear : both;
}

/* 補足情報(背景有) */
.ex-infgr {
	background-image: url(../img/parts/archive_box_bg2.png);
	background-repeat: repeat-y;
	background-position: right 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.ex-infgr li {
	margin-bottom: 1em;
	list-style-position: outside;
	list-style-image: url(../img/icon/arrow08.gif);
	margin-left: 20px;
}
.ex-infvilt {
	background-image: url(../img/parts/blog_archive_bg01.png);
	background-repeat: repeat-y;
	background-position: right 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.ex-infvilt li {
	margin-bottom: 1em;
	list-style-position: outside;
	list-style-image: url(../img/icon/arrow07.gif);
	margin-left: 20px;
}
.ex-infrd {
	background-image: url(../img/parts/archive_box_bg3.png);
	background-repeat: repeat-y;
	background-position: right 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.ex-infrd li {
	margin-bottom: 1em;
	list-style-position: outside;
	list-style-image: url(../img/icon/arrow02.gif);
	margin-left: 20px;
}
.ex-infbl {
	background-image: url(../img/parts/archive_box_bg.png);
	background-repeat: repeat-y;
	background-position: right 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.ex-infbl li {
	margin-bottom: 1em;
	list-style-position: outside;
	list-style-image: url(../img/icon/arrow06.gif);
	margin-left: 20px;
}
.ex-infbrgrey {
	background-image: url(../img/parts/category_box_bg.png);
	background-repeat: repeat-y;
	background-position: right 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.ex-infbrgrey li {
	margin-bottom: 1em;
	list-style-position: outside;
	list-style-image: url(../img/icon/arrow03.gif);
	margin-left: 20px;
}

/* 補足情報(枠線のみ) */
.ex-info2 {
	width : 244px;
	margin : 0 0 20px 15px;
	border-top : 1px solid #c8c8c8;
	border-bottom : 1px solid #c8c8c8;
}
.ex-info2-in {
	padding : 10px 15px;
	background : url(../img/parts/thum_box_in.png) repeat-y ;
}
.ex-info p,
.ex-info2 p {
	font-size : 0.9em;
}
#map {
	height : 303px;
	margin : 0 0 20px 15px;
	background : #e0dfe3;
}


/* -------------------------------------------------------------------
>> 右カラム みんなの笑顔サムネイルBox
------------------------------------------------------------------- */
.thum-box:after {
	content: url(../img/parts/space.gif);
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility:hidden;
}
.thum-box {
	zoom : 100%;
	margin : 20px 0 20px 16px;
	padding : 0 0 15px;
	border-top : 1px solid #c8c8c8;
	border-bottom : 1px solid #c8c8c8;
	background : url(../img/parts/thum_box_in.png) repeat-y;
}
.thum-box h4 {
	margin : 10px 0;
}
.thum-box ul {
	clear : both;
	text-align : center;
}
.thum-box li {
	clear : both;
	margin-bottom: 6px;
}

/* -------------------------------------------------------------------
>> 右カラム お問い合わせボックス
------------------------------------------------------------------- */
.inq-box address {
	padding : 0 0 0 25px;
	font-style : normal;
	line-height : 140%;
	font-size : 0.9em;
}
.inq-box p {
	margin : 0 0 20px 28px;
	font-size : 0.7em;
}
.inq-box dl {
	margin : 0 0 15px;
	padding : 0 0 0 15px;
}
.inq-box dt {
	padding : 0 0 0 5px;
}
.inq-box dd {
	padding : 0 0 0 12px;
}
.inq-box a {
	color : #982c3a;
	text-decoration : none;
}
.inq-box table {
	margin-left: 30px;
	width: 80%;
}
.inq-box th,td {
	font-size: 11px;
}

/* -------------------------------------------------------------------
>> 各ページの写真に枠線を付ける設定
------------------------------------------------------------------- */
.photo {
	float : right;
	margin : 0 0 5px 15px;
	padding : 5px;
	border : 1px solid #c8c8c8;
	background:#fff;
}

.gallery a,
.scene-photo a,
.thum-box a {
	display : inline-block;
	margin : 0 0 5px 0;
	padding : 4px;
	border : 1px solid #c8c8c8;
	background:#fff;
}

.photo:hover,
.gallery a:hover,
.thum-box a:hover {
	border : 1px solid #666666;
}

.top-scene-photo {
	margin : 0 15px;
}
.top-scene-photo li {
	float : left;
	margin : 0 7px 0 0;
}
.top-scene-photo li.margin0 {
	margin : 0 0 0 0;
}
.photod {
	padding : 4px;
	border : 1px solid #c8c8c8;
	background:#fff;
}
.photod:hover {
	border : 1px solid #918CBC;
}

/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */

#footer {
	clear : both;
	width : 960px;
	padding : 10px 0;
	background : url(../img/parts/line01.png) repeat-x ;	
}
#footer dl {
	border-right : 7px solid #982c3a;
}
#footer dt {
	padding : 0 0 0 15px;
	font-size : 11px;
	background : url(../img/icon/anc01.png) no-repeat;	
}
#footer dt.footer-p {
	margin : 1em 0 0 0;
	font-size : 11px;
}

#add-box {
	width : 260px;
	float : right;
}
#footer h4 {
	margin : 0 0 10px 10px;
}


#footer address {
	padding : 0 10px 0;
	font-style : normal;
	line-height : 140%;
	font-size : 12px;
}

#footer .copy {
	clear : both;
	background : url(../img/parts/line01.png) repeat-x;
	font-size: 11px;
	text-align: center;
	width: 960px;
}
#footer .pwed {
	text-align: right;
	margin-left: 420px;
}

/* -------------------------------------------------------------------
>> 汎用クラス
------------------------------------------------------------------- */
.img-left { float : left; }
.img-right {
	float : right;
	margin-left: 6px;
}

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

.clear  { clear: both; }


/* ページトップへボタン設定 */
.gotoTop {
	text-align : right;
	font-size : 0.6em;
	margin : 0 10px 10px 0;
}
.gotoTop a {
	padding : 0 0 0 10px;
	text-decoration : none;
	color : #333333;
	background : url(../img/icon/gotop01.gif) no-repeat 0 center;
}
.phright {
	margin-left: 20px;
	margin-bottom: 20px;
}

.more-btn {
	clear : both;
	margin : 20px 10px 0 0;
	text-align : right;
}

.more-btn2 {
	float : right;
	margin : 0 50px 0 0;
}

.artwork-box .more-btn {
	clear : both;
	margin : 0px 10px 0 0;
	text-align : right;
}

/* 背景がリピートされないなどの場合は指定してください。 */
.clearfix:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
.thl {
	font-size : 0.8em;
	background-color: #E0DFE3;
	text-align: left;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
}
.tdl {
	font-size : 0.8em;
	padding: 6px;
	border: 1px solid #E0DFE3;
}
.tdl2 {
	font-size : 11px;
	padding: 4px;
	border: 1px solid #E0DFE3;
	text-align: right;
}
.thlgr {
	font-size : 0.8em;
	background-color: #DBE9A3;
	padding: 6px;
	border: 1px solid #E0DFE3;
}
.thlgr2 {
	font-size : 11px;
	background-color: #DBE9A3;
	padding: 4px;
	border: 1px solid #E0DFE3;
}
.tdlgr {
	font-size : 0.8em;
	padding: 6px;
	border: 1px solid #E0DFE3;
}
.thlvilt {
	font-size : 0.8em;
	background-color: #F2E6E8;
	padding: 6px;
	border: 1px solid #E0DFE3;
}
.thlvilt2 {
	font-size : 11px;
	background-color: #F2E6E8;
	padding: 4px;
	border: 1px solid #E0DFE3;
}
.tdlvilt {
	font-size : 0.8em;
	padding: 6px;
	border: 1px solid #E0DFE3;
}
.thlbl {
	font-size : 0.8em;
	background-color: #D7E4FB;
	padding: 6px;
	border: 1px solid #E0DFE3;
}
.thlbl2 {
	font-size : 11px;
	background-color: #D7E4FB;
	padding: 4px;
	border: 1px solid #E0DFE3;
}
.tdlbl {
	font-size : 0.8em;
	padding: 6px;
	border: 1px solid #E0DFE3;
}
.thlmint {
	font-size : 0.8em;
	background-color: #E2ECED;
	padding: 6px;
	border: 1px solid #E0DFE3;
}
.tdlmint {
	font-size : 0.8em;
	padding: 6px;
	border: 1px solid #E0DFE3;
}
/* Safari  Chrome　のみ ページリンクの改行 */
body:nth-of-type(1) .thlvilt{	letter-spacing: -0.3em;}
body:nth-of-type(1) .thlgr{		letter-spacing: -0.3em;}
body:nth-of-type(1) .thlbl{		letter-spacing: -0.3em;}
body:nth-of-type(1) .thlmint{	letter-spacing: -0.3em;}
body:nth-of-type(1) .thlvilt a{	letter-spacing: -0.1em;	display:inline-table;	line-height: 0em;}
body:nth-of-type(1) .thlgr a{	letter-spacing: -0.1em;	display:inline-table;	line-height: 0em;}
body:nth-of-type(1) .thlbl a{	letter-spacing: -0.1em;	display:inline-table;	line-height: 0em;}
body:nth-of-type(1) .thlmint a{	letter-spacing: -0.1em;	display:inline-table;	line-height: 0em;}
/* Safari  Chrome */


.brgrey-table th{
	font-size : 0.8em;
	background-color: #dbdae9;
	padding: 6px;
	border: 1px solid #E0DFE3;
}


.note {
	font-size : 0.8em;
}
.att1 {
	color : #982C3A;
	font-weight: bold;
}
.chk {
	color : #FF0000;
}