@charset "UTF-8";

/*---------------------------------------------------------
　サイト全体
---------------------------------------------------------*/
body{background-color: #320C01; text-align: center; color: #FFFFFF; padding: 0;margin: 0;}
h1,h2,h3,h4,h5,p,li,ul,form{margin:0;padding:0;}
table td{vertical-align: top; text-align: left;}

/*---ボーダーなし ---*/
img{ border: none;}

/*---リストなし---*/
ul,li{list-style:none;}

/*---クリア---*/
.clear{clear:both;}

/*---リンク---*/
a{color:#FFFFFF;text-decoration:none;}
a:link{color:#FFFFFF;text-decoration:none;}
a:visited{color:#FFFFFF;text-decoration:none;}
a:active{color:#FFFFFF;text-decoration:none;}
a:hover{color:#FFFFFF;text-decoration:underline;}

/*---------------------------------------------------------
　wrapper
---------------------------------------------------------*/
div#wrapper{
	width: 100%;
	margin: 0;
	padding: 0 0 15px 0;
	background: #320C01 url(./img/common/bg_body.gif) repeat-y 50% 0;
}

/*---------------------------------------------------------
　header
---------------------------------------------------------*/
div#header{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(./img/common/bg_head.jpg) repeat-x;
}

div.headerInner{
	width: 800px;
	margin: 0 auto;
	padding: 30px 0 20px 0;
	text-align: left;
	background: url(./img/common/bg_header.jpg) no-repeat top left;
}

div#header h1{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/*---------------------------------------------------------
　container
---------------------------------------------------------*/
div#container{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(./img/common/bg_contents.gif) repeat-y;
}

div#container:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*---------------------------------------------------------
　leftBox
---------------------------------------------------------*/
div.leftBox{
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}

div.leftBox h4.sideTitle01
{
	width:190px;
	height:59px;
	margin: 0 0 10px 10px;
	font-size:1px;
	text-indent:-9999px;
	background:url(./img/common/sidebar01.jpg) no-repeat;
}

div.leftBox h4.sideTitle02
{
	width:190px;
	height:59px;
	margin: 0 0 10px 10px;
	font-size:1px;
	text-indent:-9999px;
	background:url(./img/common/sidebar02.jpg) no-repeat;
}

div.leftBox img.banner01{
	margin: 0 0 25px 0;
}

div.leftBox img.banner02{
	margin: 35px 0 25px 0;
}

div.sideNavi{
	width: 178px;
	margin:0 auto;
	padding: 0;
}

div.sideNavi ul
{
	width:170px;
	margin:0;
	padding: 0;
	text-align: left;
}

div.sideNavi ul li
{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	margin:0;
	padding: 0;
	letter-spacing: -1px;
}

div.sideNavi ul li a
{
	width:142px;
	_width:170px;
	padding: 12px 0 19px 28px;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#FEFEFE;
	background:url(img/common/category.jpg) no-repeat 0 0;
	display:block;
}
div.sideNavi ul li a:link{color:#FEFEFE;text-decoration:none;}
div.sideNavi ul li a:visited{color:#FEFEFE;text-decoration:none;}
div.sideNavi ul li a:active{color:#FEFEFE;text-decoration:none;}
div.sideNavi ul li a:hover{color:#821F0A;text-decoration:none;background:url(img/common/category_hover.jpg) no-repeat 0 0;}

/*-- sub --*/

div.sideNavi ul.sub-category
{
	width:146px;
	margin:0;
	padding: 0;
	text-align: left;
}

div.sideNavi ul.sub-category li a
{
	width:124px;
	_width:146px;
	margin: 0 0 10px 25px;
	padding: 5px 0 5px 22px;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#FEFEFE;
	background:url(img/common/subcategory.gif) no-repeat 0 8px;
	border-bottom: 1px dotted #230503;
	display:block;
}
div.sideNavi ul li ul.sub-category li a:link{color:#FEFEFE;text-decoration:none;}
div.sideNavi ul li ul.sub-category li a:visited{color:#FEFEFE;text-decoration:none;}
div.sideNavi ul li ul.sub-category li a:active{color:#FEFEFE;text-decoration:none;}
div.sideNavi ul li ul.sub-category li a:hover{color:#821F0A;text-decoration:none;background:url(img/common/subcategory.gif) no-repeat 0 8px;}


ul.shopInfo
{
	width:170px;
	margin:0 0 0 20px;
	padding: 0;
	text-align: left;
	font-size: 12px;
}

ul.shopInfo li{
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	background: url(img/common/list01.gif) no-repeat 0 3px;
	line-height: 1.4;
}

ul.shopInfo li span{
	color: #5D1808;
	font-weight: bold;
}


/*---------------------------------------------------------
　rightBox
---------------------------------------------------------*/
div.rightBox{
	width: 585px;
	margin: 0;
	padding: 5px 0 5px 0;
	float: right;
}

/*-- entry --*/
div.rightBox div.entry-body{
	width: 575px;
	margin: 0 0 15px 5px;
	padding: 0;
}

/*-- h3 --*/
div.rightBox h3{
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 8px 0 14px 20px;
	background: url(./img/common/h3.jpg) no-repeat;
	clear: both;
}

/*-- h4 --*/
div.rightBox h4{
	color: #5D1500;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 3px 0 16px 19px;
	background: url(./img/common/h4.jpg) no-repeat;
	clear: both;
}

/*-- h5 --*/
div.rightBox h5{
	font-size: 12px;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	color: #FFFFFF;
	background: url(./img/common/h5.gif) no-repeat 0 2px;
}

/*-- h6 --*/
div.rightBox h6{
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 26px;
	_padding: 0 0 0 26px;
	color: #861F0C;
	background: url(./img/common/h6.gif) no-repeat;
}

/*-- p --*/
div.rightBox p{
	font-size:12px;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}

/*-- リスト（丸） --*/
ul.disc{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

ul.disc li{
	list-style: disc;
}

/*-- リスト（数字） --*/
ol.decimal{
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

ol.decimal li{
	margin: 0 0 10px 0;
	list-style: decimal;
}

/*-- 最新情報 --*/
div.news-box
{
	width: 585px;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
}

div.news-box h2
{
	width: 585px;
	height: 40px;
	margin: 0 0 10px 0;
	font-size: 1px;
	text-indent: -9999px;
	background: url(img/top/h3_news.jpg) no-repeat;
}

div.news-box ul
{
	width:565px;
	margin: 0 auto;
	_margin: 0;
	padding: 0;
	text-align: left;
}

div.news-box li
{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	line-height:150%;
	list-style:none;
	margin: 0 0 5px 0;
}

div.bg
{
	background:url(img/bg.jpg) no-repeat 0px 0;
        width:585px;
}

/*---------------------------------------------------------
　footer
---------------------------------------------------------*/
div#footer{
	width: 100%;
	margin: 0;
	padding: 30px 0;
	background: url(./img/common/bg_foot.jpg) repeat-x left top;
	clear: both;
}

div#footer p{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	color: #D2B28C;
	font-size: 12px;
	text-align: center;
}

address{
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0 0 15px 0;
	padding: 0;
}

/*---------------------------------------------------------
　sitemap
---------------------------------------------------------*/

div#sitemap {
	font-size:12px;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
	font-family:sans-serif, "ＭＳ ゴシック", Verdana, osaka;
}
div#sitemap ul {
	margin-left:20px;
}

/* CSSロールオーバー(アルファ使用)
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/* option
==========================================================*/
.img-left{
	float:left;
	margin:0 10px 10px 0;
	}
	
.img-right {
	float:right;
	margin:0 10px 10px 10px;
	}
	
.Txt-right {
	width: 340px;
	float:right;
}

/* ボタン背景
==========================================================*/

a.btn{
	width: 291px;
	_width: 316px;
	height: 20px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 7px 25px;
	background: url(./img/common/bg_btn.jpg) no-repeat;
}



/*---------------------------------------------------------
top
----------------------------------------------------------*/
img.top_01{
	margin: 0 0 15px 0;
}

img.h3_copy{
	margin: 0 0 15px 0;
}

div.top-inner01{
	width: 575px;
	margin: 0 0 30px 0;
	padding: 0;
}

div.top-inner01:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.top-inner01 img{
	float: right;
}

div.top-inner01 div.top-innerL{
	width: 330px;
	padding: 0;
	float: left;
}

div.top-inner01 div.top-innerR{
	width: 215px;
	padding: 0;
	float: right;
}

div.top-inner01 div.top-innerR img{
	float: none;
}

div.top-inner02{
	width: 579px;
	margin: 0;
	padding: 0;
	background: url(./img/top/bg_topinner.gif) repeat-y;
}

div.top-inner02_t{
	width: 579px;
	height: 2px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	background: url(./img/top/bg_t_topinner.gif) no-repeat;
}

div.top-inner02_b{
	width: 579px;
	height: 1px;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 1px;
	background: url(./img/top/bg_b_topinner.gif) no-repeat;
}

div.top-inner02:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.top-inner02 img{
	margin: 0 0 12px 0;
}

div.top-inner02 div.innerL{
	width: 172px;
	margin: 0 0 0 3px;
	_margin: 0 0 0 2px;
	padding: 5px 0;
	float: left;
}

div.top-inner02 div.innerM{
	width: 172px;
	margin: 0 0 0 28px;
	_margin: 0 0 0 27px;
	padding: 5px 0;
	float: left;
}

div.top-inner02 div.innerR{
	width: 172px;
	margin: 0 5px 0 0;
	_margin: 0 3px 0 0;
	padding: 5px 0;
	float: right;
}

/*---------------------------------------------------------
curriculum
----------------------------------------------------------*/
p.curriculumBanner{
	text-align: center;
}

p.curriculumBanner img{
	margin: 0 20px 0 0;
}

/*---------------------------------------------------------
original
----------------------------------------------------------*/
div.original-inner01{
	width: 575px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.original-inner01:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.original-inner01 img{
	float: right;
}

div.original-inner01 p{
	width: 350px;
	padding: 0;
	float: left;
}

div.original-inner02{
	width: 575px;
	margin: 0 0 10px 0;
	padding: 0;
}

div.original-inner02:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.original-inner02 div.original-inner02R{
	width: 212px;
	float: right;
}

div.original-inner02 div.original-inner02R img{
	margin: 0 0 10px 0;
}

div.original-inner02 p{
	width: 350px;
	padding: 0;
	float: left;
}

/*---------------------------------------------------------
habia
----------------------------------------------------------*/
div.habia-inner01{
	width: 575px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.habia-inner01:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.habia-inner01 div.habia-inner01R{
	width: 212px;
	float: right;
}

div.habia-inner01 div.habia-inner01R img{
	margin: 0 0 10px 0;
}

div.habia-inner01 div.habia-inner01L{
	width: 350px;
	padding: 0;
	float: left;
}

/*---------------------------------------------------------
info
----------------------------------------------------------*/
div.info-inner01{
	width: 575px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.info-inner01:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.info-inner01 div.info-inner01R{
	width: 350px;
	float: right;
}

div.info-inner01 img{
	float: left;
}

div.info-inner02{
	width: 575px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.info-inner02:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.info-inner02 div.info-inner02R{
	width: 250px;
	float: right;
}

div.info-inner02 div.info-inner02R img{
	margin: 0 0 10px 0;
}

div.info-inner02 div.info-inner02L{
	width: 300px;
	float: left;
}

/*---------------------------------------------------------
rental
----------------------------------------------------------*/
div.rental-inner01{
	width: 575px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.rental-inner01:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.rental-inner01 p{
	width: 350px;
	float: left;
}

div.rental-inner01 img{
	float: right;
}

div.rental-inner02{
	width: 575px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.rental-inner02:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.rental-inner02 p{
	width: 250px;
	float: left;
}

div.rental-inner02 img{
	float: right;
}

/*---------------------------------------------------------
links
----------------------------------------------------------*/
div.links-inner01{
	width: 575px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.links-inner01:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.links-inner01 p{
	width: 300px;
	float: right;
}

div.links-inner01 img{
	float: left;
}

div.links-inner02{
	width: 575px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.links-inner02:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.links-inner02 div.links-inner02L{
	width: 300px;
	float: left;
}

div.links-inner02 div.links-inner02R{
	float: right;
}

/*---------------------------------------------------------
MailForm
----------------------------------------------------------*/
table.FormTbl{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border-collapse: collapse;
}

table.FormTbl th{
	width: 30%;
	padding: 8px 5px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #F8F8F8;
}

table.FormTbl th span{
	color: #5D1808;
}

table.FormTbl td{
	padding: 8px 5px;
	font-size: 12px;
	border-bottom: 1px dotted #F8F8F8;
}

table.FormTbl td span{
	font-size: 10px;
	color: #CCCCCC;
}

/*-- エラー、確認画面 --*/
div#MailFormContainer{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

div.MailFormInner{
	width: 500px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

div.MailFormInner p{
	font-size:12px;
	line-height:150%;
	margin-bottom:10px;
}

div.MailFormInner p.error{
	font-size:12px;
	line-height:150%;
	margin-bottom:10px;
	padding: 10px;
	border: 1px solid #5D1808;
}