?@charset "utf-8";

/*------------------------------------------------------------------------------
	Title: RISA CHALK DESIGN サイト
	Created: 2009-07-08
	Copyright: (c)2009 RISA CHALK DESIGN ,All Rights Reserved.
	Note :
		Outline - 
				1: Structure
					1-1. Hypertext		--- Link color setting
					1-2. Layout   --- all page layout
					1-3. Footer
					1-4. Login,Menu,list
					1-5. Details
				2: Page
					2-1. トップページ
					2-2. ChalkArt
					2-3. Profile
					2-4. Gallery
					2-5. Blog
					2-6. Voice
					2-7. Q&A
					2-8. contact
					2-9. link

				3: popup page
					3-1. lesson
					3-2. order
					3-3. bbs
				
				4: etc
					
------------------------------------------------------------------------------*/

/*============================================================================

	1-1. Hypertext
	
=============================================================================*/

a:link,
a:visited {
	color: #4621d2;
	text-decoration: underline;
	}

a:hover,
a:active {
	color: #aa0018;
	text-decoration: none;
	}


/*============================================================================

	1-2. Layout
	
=============================================================================*/


html,
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: 0px;
	background:#ffffff;
	font-family: "Verdana","ＭＳ Ｐゴシック","Osaka";
	font-size: 85%;
	color: #362c29;
	}

*html body {
	font-size: 80%;
	}

*:first-child+html body {
	font-size: 80%;
	}

	div#main {
		width: 800px;
		min-width: 800px;
		margin: 0 auto;
		}
		div#header {
			width: 800px;
			height: 396px;
			background: url(../img/top_background.jpg) no-repeat;
			float: left;
			}
		div#main_in {
			background: url(../img/main_back.jpg) repeat-y;
			width: 800px;
			float: left;
			padding-bottom: 50px;
			display: inline;
			}
			div#main_l {
				width: 600px;
				margin: 0px;
				float: left;
				}
			

/*============================================================================

	1-3. Footer

=============================================================================*/					

div#footer {
	width: 800px;
	height: 40px;
	background: url(../img/footer_line.gif) top left no-repeat;
	padding: 20px 0px 0px 0px;
	margin-right: -3px;
	float: left;
	}
	
	div#footer dl {
		width: 800px;
		float: left;
		}
		div#footer dl dd {
			width: 100px;
			float: left;
			margin: 0px 0px 0px 10px;
			}
		div#footer dl dt {
			width: 500px;
			float: right;
			text-align: right;
			color: #b4b5b5;
			}

div#footer2 {
	width: 680px;
	height: 40px;
	background: url(../img/footer_line.gif) top left no-repeat;
	padding: 20px 0px 0px 0px;
	margin-right: -3px;
	float: left;
	}
	div#footer2 dl {
		width: 680px;
		float: left;
		}
		div#footer2 dl dd {
			width: 120px;
			float: left;
			margin: 0px 0px 0px 10px;
			color: #4621d2;
			text-decoration: underline;
			}
		div#footer2 dl dt {
			width: 400px;
			float: right;
			text-align: right;
			color: #b4b5b5;
			}

			div#footer2 a {
				cursor: pointer;
				}

/*============================================================================

	1-4. Menu, breadcrumbs list

=============================================================================*/

/*	menu
--------------------------------*/

div#menu {
	width: 200px;
	float: left;
	}
	div#menu ol {
		width: 200px;
		margin: 50px 0px 0px 0px;
		}
		div#menu ol li {
			margin:13px 0px 13px 0px;
			}

	div#menu ul {
		width: 200px;
		margin: 10px 0px 0px 0px;
		}
		div#menu ul li {
			margin:13px 0px 13px 0px;
			cursor: pointer;
			}


/*	breadcrumbs list
--------------------------------*/
div#bread {
	width: 600px;
	height: 20px;
	margin: 10px 0px 0px 0px;
	}
	



/*============================================================================

	1-5. Detaile
	
=============================================================================*/

/*	header Logo, Title
--------------------------------*/

h1 {
	margin: 0px;
	float: left;
	}

h2 {
	width: 520px;
	margin: 0px;
	}

h3 {
	width: 453px;
	float: left;
	}


/*	list reset
--------------------------------*/
ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}


/*	img reset
--------------------------------*/
img {
	margin: 0;
	border: 0;
	vertical-align: bottom;
	}



/*============================================================================

	2-1. トップページ

=============================================================================*/

div#main_news {
	width: 520px;
	margin: 50px 0px 0px 25px;
	}
	div#news_in {
		width: 460px;
		height: 330px;
		overflow-y: scroll;
		border: none;
		margin: 0px 0px 0px 20px;
		}
		div#news_in dl {
			margin: 5px 0px 0px 20px;
			line-height: 150%;
			width: 400px;
			}
			div#news_in dl dt {
				width: 400px;
				color: #d0111b;
				font-weight: bold;
				font-size: 120%;
				margin: 0px;
				line-height: 150%;
				}
			div#news_in dl dd {
				margin: 5px 0px 0px 0px;
				line-height: 150%;
				width: 400px;
				padding-bottom: 15px;
				background: url(../img/news_bottom.gif) bottom left no-repeat;
				}
				div#news_in dl dd p {
					margin:5px 0px 5px 0px;
					}
					div#news_in dl dd p strong {
						font-weight: bold;
						color: #f4a014;
						}		

div#main_topic {
	width: 520px;
	margin: 50px 0px 0px 25px;
	}
	div#main_topic dl {
		width: 530px;
		margin: 10px 0px 0px 0px;
		}
		div#main_topic dl dt {
			width: 150px;
			margin: 0px;
			float: left;
			}
		div#main_topic dl dd {
			width: 350px;
			line-height: 150%;
			margin: 0px;
			float: left;
			}
			div#main_topic dl dd p {
				margin:10px 0px 10px 0px;
				}
				div#main_topic dl dd p span {
					font-size: 140%;
					color: #d0111b;
					font-weight: bold;
					}
				div#main_topic dl dd p b {
					color: #f5a726;
					font-weight: bold;
					}


/*============================================================================

	2-2. ChalkArt

=============================================================================*/

div#main_chalk {
	width: 520px;
	margin: 20px 0px 0px 25px;
	}
	div#chalk_in {
		width: 450px;
		margin: 0px 0px 0px 40px;
		}

		div#chalk_in dl {
			width: 430px;
			float: left;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 10px 0px;
			}
			div#chalk_in dl dt {
				width:130px;
				float: left;
				}
			div#chalk_in dl dd {
				width: 270px;
				float: left;
				line-height: 150%;
				margin: 4px 0px 0px 0px;
				}
				div#chalk_in dl dd span {
					font-size: 130%;
					color: #7f238a;
					font-weight: bold;
					}
	
		div#chalk_in img {
			float:left;
			}
		
		div#chalk_in p {
			margin: 10px 0px 10px 0px;
			width: 450px;
			line-height: 160%;
			clear: both;
			}
		
		div#chalk_in p span {
			width: 450px;
			float: left;
			font-size: 130%;
			font-weight: bold;
			margin: 15px 0px 0px 0px;
			}
			div#chalk_in p b.gre {
				color: #00643d;
				}
			div#chalk_in p b.pin {
				color: #9b2e8d;
				}
			div#chalk_in p b.ora {
				color: #eb610f;
				}


/*============================================================================

	2-3. Profile

=============================================================================*/

div#main_profile {
	width: 520px;
	margin: 20px 0px 0px 25px;
	}
	div#profile_in {
		width: 450px;
		margin: 0px 0px 0px 40px;
		}

		div#profile_in dl {
			width: 430px;
			float: left;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 10px 0px;
			}
			div#profile_in dl dt {
				width:130px;
				float: left;
				}
			div#profile_in dl dd {
				width: 270px;
				float: left;
				line-height: 150%;
				margin: 4px 0px 10px 0px;
				}
				div#profile_in dl dd span {
					font-size: 130%;
					color: #7f238a;
					font-weight: bold;
					}
	
		div#profile_in img {
			float:left;
			}
		
		div#profile_in p {
			margin: 10px 0px 10px 0px;
			width: 450px;
			line-height: 160%;
			clear: both;
			}
		
		div#profile_in p span {
			width: 450px;
			float: left;
			font-size: 130%;
			font-weight: bold;
			margin: 15px 0px 0px 0px;
			}


/*============================================================================

	2-4. Gallery

=============================================================================*/

div#main_gallery {
	width: 520px;
	margin: 20px 0px 0px 25px;
	}
	div#gallery_in {
		width: 520px;
		margin: 0px;
		}
		div#gallery_in ul {
			width: 450px;
			margin: 0px 0px 0px 10px;
			}
			div#gallery_in ul li {
				float: left;
				margin: 0px;
				}
	div#gallery_in dl {
		width: 490px;
		float: left;
		display: inline;
		}
		div#gallery_in dl dt {
			width: 125px;
			margin: 0px 0px 0px 15px;
			float: left;
			display: inline;
			}
			div#gallery_in dl dt img {
				width: 110px;
				height: auto;
				}
			
		div#gallery_in dl dd {
			width: 350px;
			margin: 0px;
			float: left;
			display: inline;
			line-height: 150%;
			}
			div#gallery_in dl dd p {
				margin: 0px 0px 6px 0px;
				}
			div#gallery_in dl dd strong {
				font-size: 130%;
				font-weight: bold;
				margin: 0px 0px 10px 0px;
				}

	div#main_gallery .g_kanban {
		width: 520px;
		margin: 20px 0px 0px 10px;
		float: left;
		background: url(../img/g_back_in01.gif) repeat-y ;
		}
	
	div#main_gallery .g_wedding {
		width: 520px;
		margin: 20px 0px 0px 10px;
		float: left;
		background: url(../img/g_back_in02.gif) repeat-y ;
		}

	div#main_gallery .g_present {
		width: 520px;
		margin: 20px 0px 0px 10px;
		float: left;
		background: url(../img/g_back_in03.gif) repeat-y ;
		}

	div#main_gallery .g_etc {
		width: 520px;
		margin: 20px 0px 0px 10px;
		float: left;
		background: url(../img/g_back_in04.gif) repeat-y ;
		}

	div#main_gallery .g_rakugaki {
		width: 520px;
		margin: 20px 0px 0px 10px;
		float: left;
		background: url(../img/g_back_in05.gif) repeat-y ;
		}


/*============================================================================

	2-5. Blog

=============================================================================*/

div#main_blog {
	width: 520px;
	margin: 20px 0px 0px 25px;
	margin-right: -3px;
	display: inline;
	}
	div#main_blog p.blog_link {
		width: 500px;
		float: left;
		}
	.blog_in {
		width: 510px;
		margin: 10px 0px 10px 5px;
		border: solid 1px #dcc9e0;
		float: left;
		display: inline;
		}
		.blog_in_t {
			width: 510px;
			margin: 0px;
			background: url(../img/blog_title_back.gif) no-repeat;
			height: 97px;
			float: left;
			display: inline;
			}
			.blog_in_t h3 {
				font-size: 130%;
				font-weight: bold;
				margin: 38px 0px 10px 65px;
				display: inline;
				}
			.blog_in_t p {
				width: 500px;
				text-align: right;
				float: left;
				font-size: 90%;
				margin: 0px;
				}
			
		.blog_in_m {
			width: 510px;
			margin: 0px;
			float: left;
			text-align: center;
			background: url(../img/blog_back.gif) no-repeat;
			}
			.blog_in_m img {
				margin:10px 5px 10px 5px;
				}
			.blog_in_m p {
				width: 500px;
				margin: 7px 0px 7px 5px;
				text-align: left;
				line-height: 150%;
				}
				.blog_in_m p.more {
					text-align: center;
					}
				.blog_in_m p.comment {
					width: 490px;
					text-align: right;
					font-weight: bold;
					font-size: 90%;
					}
	.blog_comment {
		width: 510px;
		margin: 5px 0px 0px 5px;
		border: solid 1px #dcc9e0;
		float: left;
		display: inline;
		}
		.blog_comment h4 {
			font-size: 100%;
			width: 450px;
			height: 20px;
			background: #CCFFFF;
			margin:5px 10px 5px 10px;
			padding: 5px 0px 0px 10px;
			}



		.blog_comment dl {
			margin: 5px 0px 0px 20px;
			line-height: 150%;
			width: 400px;
			}
			.blog_comment dl dt {
				width: 400px;
				color: #d0111b;
				font-weight: bold;
				margin: 0px;
				line-height: 150%;
				}
				.blog_comment dl dt b {
					margin: 0px;
					color: #9b2e8d;
					}
				.blog_comment dl dt span {
					margin: 0px;
					font-weight: normal;
					color: #9b9b9b;
					}
				
			.blog_comment dl dd {
				margin: 5px 0px 0px 0px;
				line-height: 150%;
				width: 400px;
				padding-bottom: 10px;
				background: url(../img/news_bottom.gif) bottom left no-repeat;
				}
				.blog_comment dl dd p {
					margin:5px 0px 0px 0px;
					width: 400px;
					}
		
		.blog_comment_input {
			width: 500px;
			float: left;
			display: inline;
			}
			.blog_comment_input dl {
				width: 450px;
				margin: 0px 0px 0px 20px;
				float: left;
				display: inline;
				}
				.blog_comment_input dl dt {
					width: 50px;
					margin: 5px 0px 0px 0px;
					float: left;
					display: inline;
					}
				.blog_comment_input dl dd {
					width: 400px;
					margin: 5px 0px 0px 0px;
					float: left;
					display: inline;
					}
					
					.blog_comment_input dl dd input.names {
						width: 150px;
						border: solid 1px #dcc9e0;
						font-size: 100%;
						}
					.blog_comment_input dl dd textarea {
						width: 300px;
						height: 80px;
						border: solid 1px #dcc9e0;
						font-size: 100%;
						}
			.blog_comment_input p {
				width: 400px;
				margin: 8px 0px 0px 20px;
				float: left;
				display: inline;
				}

div#blog_check {
	width: 510px;
	margin: 20px 0px 0px 5px;
	float: left;
	display: inline;
	}

div#blog_check h3 {
	width:450px;
	margin: 20px;
	width: 130%;
	float: left;
	display: inline;
	}


/*============================================================================

	2-6. Voice

=============================================================================*/

div#main_voice {
	width: 520px;
	margin: 40px 0px 0px 25px;
	}
	div#voice_in {
		width: 510px;
		margin: 0px 0px 0px 10px;
		}
		div#voice_in dl {
			width: 430px;
			float: left;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 10px 0px;
			}
			div#voice_in dt {
				width:130px;
				float: left;
				}
			div#voice_in dd {
				width: 270px;
				float: left;
				line-height: 150%;
				margin: 4px 0px 10px 0px;
				}

	div#voice_list {
		width: 500px;
		margin: 0px 0px 0px 10px;
		border: 1px solid #dcc9e0;
		height: 250px;
		overflow-y: scroll;
		}
		div#voice_list dl {
			width: 470px;
			margin: 0px 0px 10px 10px;
			}
			div#voice_list dl dt {
				font-weight: bold;
				width: 470px;
				margin: 13px 0px 0px 0px;
				color: #d0111b;
				}
			div#voice_list dl dd {
				width: 450px;
				margin: 0px 0px 13px 0px;
				line-height: 150%;
				padding-bottom: 15px;
				background: url(../img/news_bottom.gif) bottom left no-repeat;
				}
				div#voice_list dl dd strong {
					font-weight: bold;
					color: #083388;
					}
				div#voice_list dl dd p {
					margin: 5px 0px 5px 0px;
					}
					
					


/*============================================================================

	2-7. Q&A

=============================================================================*/

div#main_qa {
	width: 520px;
	margin: 20px 0px 0px 25px;
	}
	div#qa_in {
		width: 510px;
		margin: 0px 0px 0px 10px;
		}
		div#qa_in dl {
			width: 430px;
			float: left;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 10px 0px;
			}
			div#qa_in dt {
				width:130px;
				float: left;
				}
			div#qa_in dd {
				width: 270px;
				float: left;
				line-height: 150%;
				margin: 4px 0px 10px 0px;
				}
	div#que_list {
		width: 500px;
		margin: 0px 0px 0px 10px;
		border: 1px solid #dcc9e0;
		height: 250px;
		overflow-y: scroll;
		}
		div#que_list dl {
			width: 470px;
			margin: 0px 0px 10px 10px;
			}
			div#que_list dl dt {
				width: 470px;
				margin: 13px 0px 5px 0px;
				color: #d0111b;
				}
			div#que_list dl dd {
				width: 450px;
				margin: 5px 0px 13px 20px;
				line-height: 150%;
				}



/*============================================================================

	2-8. contact

=============================================================================*/

div#main_contact {
	width: 520px;
	margin: 20px 0px 0px 25px;
	}
	div#contact_in {
		width: 450px;
		border: none;
		margin: 0px 0px 0px 60px;
		}
		
		div#contact_in p {
			width: 400px;
			margin: 40px 0px 0px 0px;
			}
			div#contact_in p span {
				font-size: 150%;
				color: #ce0510;
				font-weight: bold;
				}
		
		div#contact_in dl {
			font-size: 120%;
			width:440px;
			margin: 0px 0px 20px 0px;
			text-align: 150%;
			}
			div#contact_in dl dt {
				width: 80px;
				float: left;
				margin: 4px 0px 4px 0px;
				}
			div#contact_in dl dd {
				width: 320px;
				float: left;
				margin: 4px 0px 4px 0px;
				}
				
		div#contact_in table {
			width: 420px;
			margin: 20px 0px 0px 0px;
			font-size: 100%;
			float: left;
			}
			
			div#contact_in table input {
				border: solid 1px #b8a3df;
				width: 250px;
				}
			
			div#contact_in table textarea {
				border: solid 1px #b8a3df;
				width: 250px;
				height: 150px;
				}
			
			div#contact_in table span {
				font-size: 80%;
				color: #CC0000;
				}
			
			div#contact_in table tr {
				height: 20px;
				}
			div#contact_in table th {
				width:120px;
				padding: 3px 0px 3px 10px;
				text-align: left;
				}
				div#contact_in table th.table_t {
					width: 400px;
					background: #feeaad;
					border-width: 1px;
					border-style: solid;
					border-color: #d4bc73;
					}
			div#contact_in table td {
				width: 300px;
				padding: 3px 0px 3px 10px;
				}
				

/*============================================================================

	2-9. link

=============================================================================*/

div#main_link {
	width: 520px;
	margin: 20px 0px 0px 25px;
	}
	div#link_in {
		width: 520px;
		margin: 0px;
		}
		div#risa_link {
			width: 480px;
			height: 320px;
			margin: 10px 0px 0px 23px;
			background: url(../img/link_back.gif) no-repeat;
			}
			div#risa_link dl {
				width: 450px;
				margin: 50px 0px 0px 20px;
				float: left;
				display: inline;
				}
				div#risa_link dl img {
					vertical-align: top;
					margin: 0;
					}
				div#risa_link dl dt {
					width: 400px;
					margin: 10px 0px 10px 0px;
					float: left;
					display: inline;
					}
										
				div#risa_link dl dd {
					width: 150px;
					float: left;
					margin: 10px 40px 10px 0px;
					display: inline;
					}
					
		div#other_link {
			width: 500px;
			margin: 20px 0px 0px 7px;
			float: left;
			}
			div#other_link dl {
				width: 480px;
				float: left;
				margin: 20px 0px 0px 10px;
				}
				div#other_link dl dt {
					width: 200px;
					float: left;
					margin: 0px ;
					}
				div#other_link dl dd {
					width: 280px;
					float: left;
					margin: 0px;
					line-height: 150%;
					}
					div#other_link dl dd p {
						margin: 0px;
						}
					div#other_link dl dd strong {
						color: #d1161f;
						font-weight: bold;
						}

/*============================================================================

	2-3. Term of service

=============================================================================*/

dl.rule dt {
	margin: 30px 0 10px;
	font-size: 85%;
	font-weight: bold;
	}

dl.rule dd {
	margin: 0 10px;
	font-size: 85%;
	}
	

dl.rule ol,
dl.rule ul {
	margin: 0 1.5em;
	}
	
	dl.rule li {
		margin: 0 0 5px 0;
		line-height: 1.4;
		list-style-position: outside;
		}	

		dl.rule ol ol,
		dl.rule ul ol {
			margin-top: 5px;
			}

			dl.rule ol li,
			dl.rule ul li ol li {
				list-style-type: decimal;
				margin: 0px;
				}
				
			dl.rule ul li {
				list-style-type: disc;
				margin: 0px;
				}



/*============================================================================

	3-1. lesson
	
=============================================================================*/

div#lesson_back {
	width: 100%;
	background: #5e5d4f;
	float: left;
	}
	div#lesson_t {
		width: 680px;
		min-width: 680px;
		margin: 0px auto;
		}
	div#lesson {
		float: left;
		background: #ffffff;
		width: 680px;
		min-width: 680px;
		margin: 20px 0px 0px 0px;
		}
		div#lesson_top {
			width: 680px;
			height: 160px;
			background: url(../img/lesson_top.gif) no-repeat;
			float:left;
			}
			div#lesson_top h1 {
				height: 61px;
				margin: 0px;
				float: left;
				}
		div#lesson h2 {
			margin: 0px;
			width: 480px;
			line-height: 120%;
			}

		div#lesson_schedule {
			width: 640px;
			margin: 0px 0px 0px 25px;
			float: left;
			height: 270px;
			overflow-y: scroll;
			border: none;
			}
			div#lesson_schedule dl {
				width: 310px;
				float: left;
				margin: 0px; 
				}
				div#lesson_schedule dl dt {
					width: 300px;
					float: left;
					margin: 0px 0px 7px 0px;
					line-height: 140%;
					}
					div#lesson_schedule dl dt b {
						color: #005d99;
						font-size: 130%;
						}
				div#lesson_schedule dl dd {
					width: 300px;
					float: right;
					margin: 0px 0px 7px 0px;
					line-height: 140%;
					}
					div#lesson_schedule dl dd b {
						color: #00643d;
						font-size: 130%;
						}
		
		div#lesson_feature {
			width: 660px;
			float: left;
			margin: 20px 0px 0px 10px;
			}
			div#lesson_feature img {
				margin: 5px;
				}
		
		div#lesson_main {
			margin: 10px 0px 0px 0px;
			width: 680px;
			float: left;
			background: url(../img/lesson_back.gif) repeat-y;
			}
			div#lesson_main dl {
				width: 680px;
				float: left;
				margin: 5px 0px 15px 0px;
				display: inline;
				}
				div#lesson_main dl dt {
					width: 190px;
					line-height: 150%;
					margin: 0px 0px 0px 30px;
					color: #ffffff;
					float: left;
					display: inline;
					}
					div#lesson_main dl dt b {
						color: #e60012;
						}
				div#lesson_main dl dd {
					width: 420px;
					line-height: 150%;
					margin: 0px 0px 0px 25px;
					float: left;
					display: inline;
					}
					div#lesson_main dl dd span {
						color:#ce0510;
						}
						
						
/*============================================================================

	3-2. order
	
=============================================================================*/

div#order_back {
	width: 100%;
	background: #5e5d4f;
	float: left;
	}
	div#order_t {
		width: 680px;
		min-width: 680px;
		margin: 0px auto;
		}
	div#order {
		float: left;
		background: #ffffff;
		width: 680px;
		min-width: 680px;
		margin: 20px 0px 0px 0px;
		}
		div#order_top {
			width: 680px;
			height: 160px;
			background: url(../img/order_top.gif) no-repeat;
			float:left;
			}
			div#order_top h1 {
				height: 61px;
				margin: 0px;
				float: left;
				}
		
		div#order_in {
			width: 650px;
			float: left;
			margin: 10px 0px 0px 15px;
			display: inline;
			}
			div#order_in p {
				margin: 5px 10px 0px 5px;
				width: 630px;
				line-height: 140%;
				float: left;
				}
				div#order_in p.order_thanks {
					margin: 40px 0px 30px 0px;
					}
				div#order_in p span {
					font-size: 150%;
					color: #ce0510;
					font-weight: bold;
					}

		div#order_in table {
			width: 450px;
			margin: 20px 0px 0px 70px;
			font-size: 100%;
			float: left;
			display: inline;
			}
			
			div#order_in table input {
				border: solid 1px #b8a3df;
				width: 270px;
				}
			
			div#order_in table textarea {
				border: solid 1px #b8a3df;
				width: 270px;
				height: 150px;
				}
			
			div#order_in table span {
				font-size: 80%;
				color: #CC0000;
				}
			
			div#order_in table tr {
				height: 20px;
				}
			div#order_in table th {
				width:130px;
				padding: 3px 0px 3px 10px;
				text-align: left;
				}
				div#order_in table th.table_t {
					width: 430px;
					background: #feeaad;
					border-width: 1px;
					border-style: solid;
					border-color: #d4bc73;
					}
			div#order_in table td {
				width: 320px;
				padding: 3px 0px 3px 10px;
				}


/*============================================================================

	3-3. bbs
	
=============================================================================*/

div#bbs_back {
	width: 100%;
	background: #5e5d4f;
	float: left;
	}
	div#bbs_t {
		width: 680px;
		min-width: 680px;
		margin: 0px auto;
		}
	div#bbs {
		float: left;
		background: #ffffff;
		width: 680px;
		min-width: 680px;
		margin: 20px 0px 0px 0px;
		}
		div#bbs_top {
			width: 680px;
			height: 160px;
			background: url(../img/bbs_top.gif) no-repeat;
			float:left;
			}
			div#bbs_top h1 {
				height: 71px;
				margin: 0px;
				float: left;
				}

		div#bbs_in {
			width: 650px;
			min-height: 500px;
			float: left;
			margin: 10px 0px 0px 15px;
			display: inline;
			}
			div#bbs_in p.bbs_thanks {
				margin: 50px 0px 20px 0px;
				font-size: 150%;
				font-weight: bold;
				}
			.bbs_list {
				width: 650px;
				margin: 10px 0px 0px 0px;
				padding: 0px 0px 10px 0px;
				float: left;
				background: url(../img/bbs_underline.gif) no-repeat bottom left;
				display: inline;
				}
				
				.bbs_list h2 {
					width: 650px;
					height: 25px;
					line-height: 120%;
					float: left;
					font-size: 100%;
					color: #d0111b;
					margin: 0px 0px 0px 10px;
					background: url(../img/bbs_back.gif) no-repeat;
					padding: 5px 0px 0px 15px;
					display: inline;
					}
				.bbs_list dl {
					width: 650px;
					float: left;
					margin: 5px 0px 0px 10px;
					padding: 0px 0px 10px 0px;
					display: inline;
					}
					
					.bbs_list dl dt {
						width: 30px;
						float: left;
						margin: 0px;
						line-height: 150%;
						}

					.bbs_list dl dd {
						width: 600px;
						margin: 0px;
						float: left;
						line-height: 130%;
						}
						.bbs_list dl dd b {
							margin: 0px;
							font-weight: normal;
							color: #9b2e8d; 
							}
						.bbs_list dl dd span {
							margin: 0px;
							color: #9b9b9b;
							}
						.bbs_list dl dd p {
							margin: 3px 0px 3px 0px;
							}

			.bbs_list h3 {
					width: 650px;
					height: 25px;
					line-height: 120%;
					font-weight: normal;
					float: left;
					font-size: 100%;
					color: #000000;
					margin: 5px 0px 0px 10px;
					background: url(../img/bbs_comment.gif) no-repeat;
					padding: 5px 0px 0px 15px;
					display: inline;
					}

			.bbs_list dl.bbs_comment {
					width: 580px;
					float: left;
					margin: 5px 0px 0px 50px;
					padding: 5px 0px 5px 0px;
					display: inline;
					background: url(../img/bbs_inline.gif) no-repeat bottom left;
					}
					
					.bbs_list dl.bbs_comment dt {
						width: 30px;
						float: left;
						margin: 0px;
						line-height: 150%;
						}

					.bbs_list dl.bbs_comment dd {
						width: 500px;
						margin: 0px;
						float: left;
						line-height: 130%;
						}
						.bbs_list dl.bbs_comment dd b {
							margin: 0px;
							font-weight: normal;
							color: #9b2e8d; 
							}
						.bbs_list dl.bbs_comment dd span {
							margin: 0px;
							color: #9b9b9b;
							}
						.bbs_list dl.bbs_comment dd p {
							margin: 3px 0px 3px 0px;
							}

		.bbs_comment_input {
			width: 600px;
			margin: 5px 0px 0px 50px;
			float: left;
			}
			.bbs_comment_input dl {
				width: 600px;
				margin: 0px;
				float: left;
				}
				.bbs_comment_input dl dt {
					width: 50px;
					margin: 5px 0px 0px 0px;
					float: left;
					}
				.bbs_comment_input dl dd {
					width: 400px;
					margin: 5px 0px 0px 0px;
					float: left;
					}
					
					.bbs_comment_input dl dd input {
						width: 200px;
						border: solid 1px #dcc9e0;
						font-size: 100%;
						}
					.bbs_comment_input dl dd textarea {
						width: 300px;
						height: 150px;
						border: solid 1px #dcc9e0;
						font-size: 100%;
						}
			.bbs_comment_input p {
				margin: 0px;
				}
				
div#bbs_counter {
	width:650px;
	height:20px;
	margin: 10px;
	text-align: center;
	float: left;
	}

/*============================================================================

	4. etc
	
=============================================================================*/

.t_space {
	margin-top: 40px;
	}
.r_space {
	margin-right: 20px;
	}
.f_clear {
	clear: both;
	}

div#common_counter {
	width:400px;
	height: 20px;
	margin: 10px;
	text-align: center;
	float: left;
	}