@charset "utf-8";

/*reset*/
html{color:#333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;z-index:1;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul,ol{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a img,map a{border:none;}

/*fonts*/
body{font:13px/1.231 "Lucida Grande", Helvetica, Arial, Verdana, 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:1;}

/*link*/
a {
/*\*/
	overflow:hidden;
/**/
}
a:link, a:visited {
	color: #0B4A8A;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}
.hover:hover,.hover:hover img,.opacity {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.pointer{cursor:pointer;}

/*text*/
.f10	{ font-size:  77%; }
.f11	{ font-size:  85%; }
.f12	{ font-size:  93%; }
.f14	{ font-size: 108%; }
.f15	{ font-size: 116%; }
.f16	{ font-size: 123.1%; }
.f18	{ font-size: 138.5%; }
.f22	{ font-size: 167%; }
.f26	{ font-size: 197%; }
.f42	{ font-size: 42px; }
/*
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%    26px = 197%
*/

.word {word-break:break-all;word-wrap:break-word;}
.black {color:#333 !important;}
.gray {color:#999 !important;}
.red {color: #D4524C !important;}
.center {text-align: center !important;}
.right {text-align: right;}
.middle {vertical-align: middle;}
strong, .bold {font-weight:bold;}
.note {margin-left:1.0em;text-indent:-1.0em;}

/*margin*/
.ma{margin:0 auto !important;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}
.pl5{padding-left:5px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pb0{padding-bottom:0 !important;}

/*inline*/
.inline li {
	display:inline;
}
.inlineBlock li {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/*float*/
.leftBox {float:left;}
.rightBox {float:right;}
.block {display:block;}
.relative {position:relative;}
.float2 li{
	float:left;
	width:49%;
	}

/*table*/
table {
	empty-cells: show;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table.sheet {
}
.sheet th, .sheet td {
	padding: 10px 8px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
.sheet th {
	width:120px;
	background:#FAF8F1;
	font-weight:bold;
}
.baseBox .sheet th {
	width:80px;
}

/*form*/
.sheetForm th,.sheetForm td {
	border-bottom:15px solid #FFF;
	padding-left:10px;
}
.sheetForm th {
	width:237px;
	background:#E8DFD2 url("/image/th.gif") no-repeat 100% 0;
	line-height:41px;
	font-weight:bold;
	text-shadow: 0 1px 0 #FFF;
	padding-left:15px;
}
.formfield {
	width:386px;
	border:1px solid #A89F82;
	height:31px;
	padding:5px 10px;
	background:#FFFCF0;
	font-weight:bold;
	font-size:123.1%;
}
.txtfield {
	width:386px;
	border:1px solid #A89F82;
	height:118px;
	padding:5px 10px;
	background:#FFFCF0;
	font-weight:bold;
	font-size:123.1%;
}
.selectbox {
	width:408px;
	border:1px solid #A89F82;
	height:41px;
	background:#FFFCF0;
	font-weight:bold;
	font-size:123.1%;
}
/*.errors {
	background: #FAE8E7;
	padding:10px;
}
*/.errors p,#errors p,.sheetForm td p {
	color:#D4524C;
}
.errors p:before,#errors p:before,.sheetForm td p:before {
	content:"※";
	padding-right:3px;
}

form input {
	line-height:1;
}
textarea {
	line-height:1.2;
	width:98%;
	height:10em;
}
input[type="checkbox"] {
	border:1px solid #A89F82;
	vertical-align:inherit;
}
input:focus, textarea:focus {
	background: #FFF;
}
form img, form input, form select {
	vertical-align: middle;
}
label {
	margin-right: 5px;
}
.submit {
	text-align:center;
	margin:15px 0;
}

/*law*/
table.sheetNormal {
	margin:0;
}
.sheetNormal th, .sheetNormal td {
	padding: 20px 15px;
	border-top: 1px solid #E8DFD2;
	border-bottom: 1px solid #E8DFD2;
}
.sheetNormal th {
	width:200px;
	text-align:right;
	background:#FAF8F1;
}

/*contact*/
#sheetContact th{
	font-weight:bold;
	text-shadow: 0 1px 0 #FFF;
	padding-left:15px;
}
#sheetContact td .formfield {
	width:80%;
	height:20px;
	padding:2px 5px;
	font-weight:normal;
	font-size:100%;
}
#sheetContact td .txtfield {
	width:396px;
	height:148px;
	padding:2px 5px;
	font-weight:normal;
	font-size:100%;
}
#sheetContact td .selectbox {
	width:auto;
	border:1px solid #A89F82;
	height:24px;
	font-weight:normal;
	font-size:100%;
}

/*pager*/
.pager {
	margin:15px 0;
	text-align:right;
	clear:both;
}
.pager li {
	display:inline;
	font-size: 108%;
}
.pager a {
	padding:6px 10px;
	border:1px solid #F9F8F8;
}
.pager .prev a {
	margin-right:4px;
}
.pager a:hover {
	background:#EFEFEF;
	color:#333;
}
.pager strong {
	padding:6px 10px;
	color: #CCC;
	font-weight:bold;
}

/*icon*/
.icon{
	background: url("/image/icon.gif") no-repeat 0 .15em;
	padding-left:22px;
	}
.new{
	background-position:100% -161px;
	padding-left:0;
	padding-right:24px;
	}
.li {
	background-position:0 -208px;
	padding-left:8px;
}
.back {
	background-position:0 -233px;
	padding-left:10px;
}
.liBlue {
	background-position:0 -259px;
	padding-left:8px;
}
.liPurple {
	background-position:0 -285px;
	padding-left:8px;
}
.liRed {
	background-position:0 -311px;
	padding-left:8px;
}
.liOrange {
	background-position:0 -337px;
	padding-left:8px;
}
.liYellow {
	background-position:0 -363px;
	padding-left:8px;
}
.liYGreen {
	background-position:0 -389px;
	padding-left:8px;
}
.liGreen {
	background-position:0 -415px;
	padding-left:8px;
}
.example {
	display:block;
	background-position:0 -439px;
	padding-left:18px;
	padding-top:5px;
}

/*clear*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clear{
	clear:both;
}

/*wire*/
html,body {
	height: 100%;
}
#wrapper {
	border-top:1px solid #000;
	height:100%;
	min-height:100%;
}
body > #container{
    height:auto;
}
#container {
	background:#FFFCF0 url(/image/bg_contents.png?12071111) repeat-x 0 0;
}
#contents {
	position:relative;
	max-width:960px;
	margin:0 auto;
	min-height:300px;
	padding:15px 15px;
}
#main{
	float:right;
	width:714px;
	}
#side{
	float:left;
	width:230px;
	}

/*header*/
#header {
	position:relative;
	max-width:960px;
	height:137px;
	margin:0 auto;
}
#logo {
	position:absolute;
	top:26px;
	left:15px;
}
#util {
    position: absolute;
    bottom: 10px;
    right: 0;
	font-size:85%;
}

/*navi*/
#navi {
    position: absolute;
    top: 0;
    right: 0;
}
#navi li {
    float: left;
}
#navi li a {
    display: block;
    width: 136px;
    height: 0;
    padding-top: 93px;
	line-height: 93px;
	background: #FFF url("/image/navi.gif?120719") no-repeat 0 0;
    overflow: hidden;
}
li#naviService a { background-position: -136px 0; }
li#naviSearch a { background-position: -272px 0; }
li#naviLesson a { background-position: -408px 0; cursor:default; }
li#naviFaq a { background-position: -544px 0; }
/*li#naviMypage a { background-position: -544px 0; }*/
li#naviHome a:hover {
    background-position: 0 -93px;
}
li#naviService.now a,li#naviService a:hover {
    background-position: -136px -93px;
}
li#naviSearch.now a,li#naviSearch a:hover {
    background-position: -272px -93px;
}
/*li#naviLesson.now a,li#naviLesson a:hover {
    background-position: -408px -93px;
}*/
li#naviFaq.now a,li#naviFaq a:hover {
    background-position: -544px -93px;
}
/*li#naviMypage.now a,li#naviMypage a:hover {
    background-position: -544px -93px;
}*/

/*footer*/
#footer {
	background:#FFF url("/image/bg_footer.gif?120711") repeat-x 0 0;
}
#footerInner {
	position:relative;
	max-width:960px;
	margin:0 auto;
	background:url("/image/bg_music.gif?1207111111") no-repeat 0 0;
	padding:65px 15px 40px;
	text-align:center;
}
#footer li {
	margin-right:10px;
}
#footer a {
	color:#333;
}
#logoFooter {
}
#toTop {
	display:block;
	position:absolute;
	top:-13px;
	right:0;
	width:85px;
    height: 0;
    padding-top:21px;
	line-height:21px;
	background: url("/image/pagetop.gif?120711111") no-repeat 0 0;
    overflow: hidden;
}
#toTop:hover {
    background-position: 0 -21px;
}

/*breadcrumbs*/
.breadcrumbs{
	font-size:93%;
	color:#666;
	line-height:1;
	margin-bottom:15px;
	padding-left:2px;
	}
.breadcrumbs li{
	display:inline;
	}
.breadcrumbs li a{
	padding-right:14px;
	background: url("/image/bl.gif") no-repeat 100% 50%;
	}
.linkBox{
	position:absolute;
	top:15px;
	right:2px;
	font-size:93%;
	line-height:1;
}

/*headline*/
.headline1{
	background:#FFF;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	padding:12px 18px;
	font-size: 138.5%;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.1;
	border:1px solid #F3F1EA;
}
.headline2{
	font-size: 123.1%;
	font-weight:bold;
	line-height:1.2;
	padding-bottom:15px;
	padding-left:22px;
	border-bottom:1px solid #E8DFD2;
	margin-bottom:20px;
	background-position:4px -34px;
}
.headline3{
	font-size: 123.1%;
	font-weight:bold;
	line-height:1.2;
	padding-bottom:15px;
	border-bottom:1px solid #E8DFD2;
	margin-bottom:20px;
}
.headline4{
	font-size: 116%;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:10px;
}
.headTxt {
	position:absolute;
	top:17px;
	right:18px;
	font-size:11px;
	color:#999;
	line-height:1.1;
}
.hlSearch1,.hlSearch2,.hlSearch3{
	font-size: 116%;
	font-weight:bold;
	padding-left:16px;
	margin-bottom:6px;
	background-position:0 -67px;
}
.hlSearch2{
	background-position:0 -99px;
}
.hlSearch3{
	background-position:0 -131px;
}

/*main*/
.mainSec{
	background:#FFF;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	padding:20px;
	margin-bottom:15px;
	border:1px solid #F3F1EA;
}
.section{
	padding:0 20px;
	margin-bottom:40px;
	font-size:108%;
	line-height:1.6;
}
#keyv{
	position:relative;
	max-width:1120px;
	margin:0 auto;
}
#keyv h1 img{
	width: 100%;
}


#keyvBtn{
	position:absolute;
	top:172px;
	left:370px;
}

/*type*/
#selectType{
	background: url("/image/line_dot.gif") repeat-y 0 0;
}
#selectType li{
	width:12.5%;
	float:left;
	text-align:center;
	background: url("/image/line_dot.gif") repeat-y 100% 0;
}

/*side*/
.sideSec{
	background:#FFF;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	padding:15px;
	margin-bottom:15px;
	line-height:1.4;
	border:1px solid #F3F1EA;
}
.sideList a{
	display:block;
	font-size: 108%;
	color:#666;
	padding-left:10px;
	background: url("/image/icon.gif") no-repeat 0 -183px;
	margin-bottom:3px;
}
.sideBoder{
	padding-bottom:15px;
	border-bottom:1px solid #E8DFD2;
	margin-bottom:15px;
}
.sideList.inlineBlock dd,.sideList.inlineBlock li{
	margin-right:8px;
}

/*list*/
.listSec{
	border-top:1px solid #E8DFD2;
	padding:15px 0;
	min-height: 150px;
}
.listSec:hover{
	background:#FAF8F1;
}
.mainSec .listSec:last-child{
	border-bottom:1px solid #E8DFD2;
}
.listIn{
	background: url("/image/line_dot.gif") repeat-y 521px 0;
	overflow:hidden;
}
.listLeft{
	display:block;
	float:left;
	width:123px;
	min-height:170px;
	margin-left:12px;
}
.noimage{
	width:123px;
	height:95px;
	padding-top:75px;
	background:#EFEFEF;
	color:#999;
	text-shadow: 0 1px 0 white;
	text-align:center;
}
.listRight{
	float:right;
	width:536px;
}
.listDetail{
	float:left;
	width:350px;
	margin:0 16px 0 20px;
}
.listPrice{
	float:right;
	width:140px;
	padding-top:25px;
	padding-left:10px;
	text-align:center;
}
.hlList{
	font-size: 138.5%;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:4px;
}
.hlList .new{
	background-position: 100% -158px;
}
.listMaker{
	position:absolute;
	top:-3px;
	right:4px;
}
.priceBox{
	padding:8px 0 20px;
}
.fPrice {
	font-family:Franklin Gothic Medium,Georgia,"Times New Roman",Times,serif;
	position:relative;
	top:2px;
}

/*detail*/
.hlDetail{
	font-size: 153.9%;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:20px;
}
.detailLeft{
	float:left;
	width:203px;
	text-align:center;
	margin-right:20px;
}
.detailRight{
	position:relative;
	float:left;
	width:474px;
	min-height:510px;
	text-align:center;
}
.detailPrice{
	position:absolute;
	top:0;
	right:-35px;
	width:232px;
	padding:1px;
	text-align:center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border:1px solid #A89F82;
	background:#FFF;
	margin-bottom:15px;
	line-height:1.6;
}
.detailPriceIn{
	padding:15px 15px 22px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:2px solid #E8DFD2;
}
.priceBoder{
	padding-bottom:25px;
	border-bottom:1px solid #E8DFD2;
	margin-bottom:25px;
	line-height:1.2;
}
.condition{
	border:10px solid #E8DFD2;
	border-top:none;
	margin-bottom:3px;
}
.condition h3{
	background:#E8DFD2;
	font-size:108%;
	font-weight:bold;
	text-shadow: 0 1px 0 #FFF;
	line-height:28px;
}
.spacing{
	letter-spacing: 0.5em;
}
.thumb{
	margin-right:-5px;
}
.thumb li{
	float:left;
	width:60px;
	height:44px;
	border:1px solid #B6AE94;
	padding:1px;
	margin-right:5px;
	margin-bottom:5px;
	overflow:hidden;
}
.thumb li:hover{
	border:1px solid #E8DFD2;
}
.staffBox{
	float:left;
	width:580px;
}
.staffBox .section{
	background:#FAF8F1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:15px 20px;
	margin-bottom:20px;
	/*border: 1px solid #E8DFD2;*/
}
.baseBox{
	float:right;
	width:280px;
}
.linkBottom{
	display:block;
	text-align:center;
	padding:10px 0;
	border-top:1px solid #E8DFD2;
	border-bottom:1px solid #E8DFD2;
}
/*.linkBottom{
	display:block;
	text-align:center;
	padding:10px;
	background:#E8DFD2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
*/#btnSocial{
	position:absolute;
	top:20px;
	right:20px;
}
#btnSocial li{
	float:left;
	padding-left:7px;
}

/*borrow*/
.rentalBox{
	width: 746px;
	margin:0 auto;
	border-bottom:1px solid #E8DFD2;
	padding-bottom:30px;
}
.borrowLeft{
	float:left;
	width:130px;
	text-align:center;
}
.borrowRight{
	float:right;
	width:610px;
}
.borrowRight .listMaker{
	position:absolute;
	top:7px;
	right:0;
}
.formBox{
	width:746px;
	padding:1px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border:1px solid #A89F82;
	margin:0 auto;
}
.formBoxIn{
	padding:20px 45px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:2px solid #E8DFD2;
}

/*service*/
.flowArrow{
	margin-left:-15px;
	background: url("/image/service/arrow.gif?1207142") no-repeat 317px 50%;
}
.flowBox{
	float:left;
	width:240px;
	padding:13px 18px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:3px solid #E8DFD2;
	text-align:justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	line-height:1.4;
	margin-left:15px;
}