@charset "utf-8";

/* cont
---------------------------------------*/
div#main div#alpha {
	width: 630px;
	float: left;
	line-height: 1.4;
}

div#main div#beta {
	width: 200px;
	float: right;
	background-color:#f9f0f3;
	padding-bottom:40px;
}

@media screen and (max-width : 980px){
div#main div#alpha {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
div#main div#beta {
	max-width: 200px;
	width: 100%;
	float: none;
	margin: 0 auto;
}
#confirmBody {
	width: 90%!important;
	height: 600px;
}
}

div#main div#beta img { vertical-align:bottom; }


div#main h2 {
	width: 844px;
	height: 51px;
	background:url(../img/cont/bgMdsH2.png) left bottom no-repeat;
	display: block;
	color: #ffffff;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 12px 0 0 16px;
	margin-bottom: 17px;
}

div#main h3 {
	width:630px;
	height:50px;
	background:url(../img/cont/bgH3.png) left bottom no-repeat;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	text-indent: 30px;
	margin-bottom:1em;
	margin-top:3em;
}

div#main h3 span {
	font-weight:normal;
	font-size:12px;
}
@media screen and (max-width : 980px){
.content {
	width: 100%!important;
	margin: 0!important;
}

div#main h2 {
	width: 100%;
	box-sizing: border-box;
}
div#main h3 {
	width: 100%;
	box-sizing: border-box;
}
}

@media screen and (max-width : 767px){
div#main h2 {
	font-size: 14px;
}
}

div#main h3.first {
	margin-top:0;
}


div.webpageBody p {
	line-height:1.5;
	margin:0 1em 1.5em;
	text-indent:1em;
}

div#main h4 {
	width:630px;
	height:46px;
	background:url(../img/cont/bgH4.png) left bottom no-repeat;
	line-height: 46px;
	font-size: 16px;
	font-weight: bold;
	text-indent: 20px;
	margin-bottom: 8px;
}

div#main div.entArcBody h4 {
	width:auto;
	clear:both;
}

div#main h5 {
	width:630px;
	height:36px;
	background:url(../img/cont/bgH5.gif) left center no-repeat;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 30px;
	margin-bottom: 8px;
	border-bottom:1px dotted #999999;
}

div#main h5 span {
	font-size:12px;
	font-weight:normal;
	padding-left:2em;
}

@media screen and (max-width : 980px){
div#main h4 {
	width: 100%;
	box-sizing: border-box;
}
div#main h5 {
	width: 100%;
	box-sizing: border-box;
}
}

ul.ancLink {
	display: block;
	padding: 1em 1em 2em 2.5em;
}

ul.ancLink li {
	display: inline;
	margin-right: 2em;
}

ul.ancLink li a {
	padding-left: 10px;
	background:url(../img/cont/iconAncLink.gif) left center no-repeat;
}

table.mokuji {
	margin-left: 2em;
	margin-bottom: 3em;
	margin-right: 1em;
}

table.mokuji td {
	padding: 10px 5px;
	letter-spacing: 1px;
}

table.mokuji th {
	font-size:12px;
	font-weight:bold;
	padding: 10px;
	background-color: #f5eee6;
}



div.pageLink {
	padding-top:18px;
	border-top:1px solid #999999;
	width: 630px;
}

div.pageLink div.prev { float: left; }

div.pageLink div.next { float: right; }



/* beta
----------------------------------------------*/
div#beta div.mds {
	width: 200px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	background:url(../img/beta/bgBetaMds.png) left bottom no-repeat;
	text-indent: 20px;
}

div.volnow,
div.vol {
	width:200px;
	height:35px;
	overflow:hidden;
	background-image:url(../img/beta/bgVol.png);
	background-position:0 0;
	background-repeat:no-repeat;
	line-height:35px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 21px;
}

div.volnow { background-position:0 -35px; }

ul.betaLinkList {
	display:block;
	width:198px;
	border-width:0 1px 1px;
	border-color:#cdcdcd;
	border-style:solid;
}

ul.betaLinkList li {
	width: 170px;
	display: block;
	padding: 8px 8px 8px 20px;
	border-bottom: 1px dotted #cdcdcd;
	background:url(../img/beta/betaListIcon.gif) 9px 13px no-repeat #ffffff;
	line-height: 1.3;
}

ul.betaLinkList li.now {
	background:url(../img/beta/betaListIconOv.gif) 9px 13px no-repeat #905911;
	color:#ffffff;
}
ul.betaLinkList li.now a { color:#ffffff; }

ul.betaLinkList li.last { border-bottom:none; }

ul.betaLinkList li a:link,
ul.betaLinkList li a:active,
ul.betaLinkList li a:visited { text-decoration:none; }
ul.betaLinkList li a:hover { text-decoration:underline; }

em.bold {font-style:italic; font-weight:bold;}
p.echap {
	text-align:right;
	margin-bottom:1em;
	display: block;
}

a.iconMail {
	background:url(../img/top/iconLetter.gif) left center no-repeat;
	padding-left:12px;
}


/* inquiry
--------------------------*/
div.inquiry div {
	padding-left:4em;
	margin-bottom:1em;
}

div.inquiry.webpageBody p {
	text-indent:0;
}

div#main div.inquiry h5 {
	border-bottom:none;
	margin-bottom:0;
	border-top:1px dotted #999999;
	margin-top: 8px;
}


/* backnumber
--------------------------*/
ul.bnList {}

ul.bnList li {
	width:630px;
	height:36px;
	background:url(../img/cont/bgH5.gif) left center no-repeat;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 30px;
	margin-bottom: 8px;
	border-bottom:1px dotted #999999;
}

dl.bnMokuji {
	margin:1em 0 3em;
}

dl.bnMokuji dt {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CBE1E5 url(../img/cont/bgDtBn.gif) no-repeat scroll right center;
float:left;
font-weight:bold;
margin-left:1em;
min-width:9em;
padding:3px 30px 3px 15px;
}

dl.bnMokuji dd {
border-bottom:1px dotted #999999;
clear:left;
display:block;
font-size:14px;
font-weight:bold;
margin-bottom:1em;
padding:0.5em 0 1em 2.5em;
}


/* entryBody���e�[�u��
-----------------------------------*/
div#main div.entArcBody table,
div#main div.entArcBody table th,
div#main div.entArcBody table td {border:1px solid #999999; font-size:12px;}

div#main div.entArcBody table th,
div#main div.entArcBody table td {padding:3px 5px;}


div#main div.entArcBody table {margin-bottom:3em;}
div#main div.entArcBody table th {text-align:center; font-weight:bold; background-color:#CBE1E5;}
div#main div.entArcBody table td {}

div#main div.entArcBody p {margin-bottom:1em;}



/* �T���N�X�y�[�W
-----------------------------------*/
div.mailOK {
	text-align:center;
	font-size:14px;
	padding:3em 0;
	color:#ff0000;
}


/* inten-about
-----------------------------------*/
div#main div#about {
	/*background-color:#faf4f6;*/
}

div#main div#about div#alpha {
	float:right;
	width:490px;
	padding:1em 30px;
	border-right:70px solid #faf4f6;
	background-color:#ffffff;
}

div#main div#about div#beta {
	float:left;
	width:200px;
	padding:0 20px;
	background-color:#faf4f6;
	line-height:1.5;
}

@media screen and (max-width : 980px){
div#main div#about div#alpha {
	float: none;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}
div#main div#about div#beta {
	float: none;
	width: 100%;
	height:auto!important;
	margin-top: 30px;
	box-sizing: border-box;
}
}

div#main div#about div#beta p {
	line-height:1.5;
	margin-bottom:1em;
}

div#main div#about div#beta a.link { font-weight:bold; }

div#main div#about div#beta img {
	vertical-align:middle;
}

div#main div#about div.webpageBody p {
line-height:1.5;
margin:0;
text-indent:0;
}

div#main div#about div.webpageBody ul {
	margin-bottom:2em;
}
div#main div#about div.webpageBody ul li {
	list-style-type:disc;
	margin-bottom:1em;
	margin-left:1em;
}

div#main div#about div.webpageBody h3 {
	background:#8f4820 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:auto;
	line-height:1;
	margin-bottom:1em;
	margin-top:3em;
	padding:5px 10px;
	text-indent:0;
	width:auto;
}

@media screen and (max-width : 767px){
form#mailform h5 {
    padding: 8px 0 8px 35px!important;
}
div.inquiry div {
	padding-left:1em;
}
}

div.lpdb p {
  text-indent: 0;
}
div#main .lpdb h2 {
  background: none;
  color: #000;
  font-size: 27px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0 40px;
  width: auto;
}