@charset "utf-8";

/* basic----------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	padding: 10px 16px 14px 16px;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.8em;
	line-height: 150%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, "ヒラギノ角ゴ Pro W3";
}
a:focus{
	outline:none;
}
img {
	border: 0px;
}
#allCont {
	margin: 0px auto;
	padding: 0px;
	width: 866px;
	text-align: left;
}
#headCont {
	margin: 0px;
	padding: 0px;
	width: 866px;
	height: 85px;
}
#headCont h1 {
	margin-top: 15px;
	padding: 0px;
	float: left;
}
#headCont h2 {
	margin-top: 15px;
	padding: 0px;
	float: left;
}
#headContBox {
width:228px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#navCont {
	margin: 0px;
	padding: 0px;
	width: 866px;
	height: 53px;
}
#navCont ul {
	margin: 0px;
	padding: 0px;
}
#navCont ul li {
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type: none;
	float: left;
}
#navCont ul li.nav_even {
	margin: 0px 3px;
}
#bodyCont {
	margin: 0px;
	padding: 20px 105px 40px 106px;
	width: 655px;
	background-color: #404040;
}
#bodyCont #textCont {
	background-color: #E7DFC6;
	color: #000;
	padding: 15px 20px;
}
#bodyCont #textCont a {
	color: #000;
}
#bodyCont #textCont ul {
	margin: 0 20px 1.5em 20px;
	padding: 0 0 0 30px;
}
#bodyCont #textCont ul.left {
	padding: 0 0 0 20px;
}
#bodyFlashCont {
	margin: 0px;
	padding: 0px;
	width: 866px;
	background-color: #404040;
}
#bodyCont a {
	color: #FFFFFF;
}
#bodyCont h3 {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: bold;
}
#bodyCont h4 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 1.4em;
	clear: both;
	text-align: center;
}
#bodyCont h5 {
	background-image: url('../images/dia.gif');
	background-repeat: no-repeat;
	background-position:left center;
	font-size: 1.2em;
	line-height: 2em;
	margin: 15px 0 10px 0;
	padding: 0 0 0 25px;
}
#bodyCont h6 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
}
#bodyCont dl {
	margin: 0px 0px 20px 25px;
	padding: 0px;
}
#bodyCont dl dt {
	display: block;
	width: 7em;
	float: left;
	clear: both;
}
#bodyCont dl dd {
	margin: 0px;
	padding: 0px;
	display: block;
}
#bodyCont p {
	margin: 0px 20px 20px 20px;
	padding: 0px;
	clear: both;
}
#bodyCont span.red {
	border: solid 2px #FF0000;
	padding: 3px 5px 3px 5px;
}
#footCont {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	width: 866px;
	height: 25px;
}
#footCont a {
	display: block;
	background-image: url('../images/footer_link_mark.gif');
	background-repeat: no-repeat;
	text-indent: 1em;
	color: #FF9933;
	text-decoration: none;
	line-height: 1.1em;
  font-weight: bold;
  font-size: 14px;
}
#footCont a:hover {
	text-decoration: underline;
	line-height: 1.1em;
}
#footCont p {
	margin: 0 0 7px 0;
	padding: 0px;
	width: 100%;
}
#footCont address {
	font-size: 1em;
	margin: 0;
	padding: 0px;
	width: 100%;
	text-align: left;
	font-style: normal;
}

/* table----------------------------------------------- */
#bodyCont table {
	margin: 0px 20px 20px 40px;
	padding: 0px;
	border-collapse: collapse;
}
#bodyCont table tr th {
	margin: 0px;
	padding: 5px;
	border: 1px #000 solid;
}
#bodyCont table tr td{
	margin: 0px;
	padding: 5px;
	border: 1px #000 solid;
}
#bodyCont #textCont table.layout tr th,
#bodyCont #textCont table.layout tr td,
#bodyCont #textCont table.layout2 tr th,
#bodyCont #textCont table.layout2 tr td {
	border: none;
}
#bodyCont #textCont table.layout tr th {
	width: 8em;
}
#bodyCont #textCont table.layout2 tr th {
	width: auto;
}
#bodyCont #textCont table.layout tr th,
#bodyCont #textCont table.layout tr td,
#bodyCont #textCont table.layout2 tr th,
#bodyCont #textCont table.layout2 tr td {
	vertical-align: top;
}

/* howto.php----------------------------------------------- */
/*check --> "for howto.html only"*/
#bodyCont .linkBorder {
	background-color: #FFFFFF;
	width: 195px;
	height: 66px;
	display: block;
	border: 1px #999999 solid;
	padding: 3px;
	margin-bottom: 10px;
	text-align: center;
}
#bodyCont .linkBorder .posAbs {
	position: relative;
	top: 17px;
}
#bodyCont #contactInner {
	height: 192px;
	padding-top: 10px;
	margin-right: 10px;
	background-image: url('../images/contact_bg.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}
#bodyCont #contactInner p {
	margin-bottom: 3px;
}
#bodyCont #contactInner p.mobile {
	margin-bottom: 5px;
	margin-top: 5px;
}
#bodyCont ul.howtoList {
	padding-left: 60px;
}
#bodyCont #textCont table.howto {
	border: none;
	margin: 10px 20px;
	width: auto;
}
#bodyCont #textCont table.howto tr th,
#bodyCont #textCont table.howto tr td {
	border-bottom: 1px #ADA694 solid;
	border-left: none;
	border-right: none;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
#bodyCont #textCont table.howto tr th {
	color: #5279FF;
	font-size: 1.2em;
	width: 40%;
}
#bodyCont #textCont table.howto tr td {
	width: 60%;
}
#middle {
	margin-right: 3px;
	vertical-align: middle;
}
   /* hack IE6&7 \*/
*html #bodyCont ul.howtoList {
	padding-left:30px;
}
*+html #bodyCont ul.howtoList {
	padding-left: 30px;
}

#bodyCont #textCont ul.howtoList li {
	float: left;
	list-style-type: none;
	margin-right: 0px;
	width: 260px;
}
#bodyCont #textCont ul.plugin {
	padding-left: 180px;
}


#bodyCont #textCont ul.plugin li {
	list-style-type: none;
	width: 260px;
}
   /* howtoキャプチャー差し替え時、要確認！ \*/
#allCont #bodyCont #textCont .img {
	padding-left: 25px;
}

/* subtitles----------------------------------------------- */
#allCont #bodyCont #textCont .subtitle {
	background-image: url('../images/subtitle_bg_brown.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #D6CBAD;
	border-bottom: 1px #000 solid;
	line-height: 1.8;
	margin-bottom: 0.8em;
	margin-top:1.5em;
	padding-top: 0.3em;
	text-align: center;
}
#allCont #bodyCont .subtitle2 {
	background-image: url('../images/subtitle_bg_black.gif');
	background-repeat: repeat-x;
	background-color: #000000;
	font-size:large;
	line-height: 2;
	text-align: center;
}
#allCont #bodyCont p.center {
	text-align: center;
}

/* rounded corners----------------------------------------------- */
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

span.rtop,
span.rbottom {
	display:block;
}
span.rtop span,
span.rbottom span{
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: #E7DFC6;
}
span.r1{margin: 0 5px}
span.r2{margin: 0 3px}
span.r3{margin: 0 2px}
span.r4{margin: 0 1px; height: 2px}



/* kaisetsu_btn----------------------------------------------- */

.kaisetsu_btn a {
    display:block;
    background:url("../images/kaisetsu_btn.gif") no-repeat;
    text-indent:-9999em;
    height:35px;
    width:228px;
    margin-bottom:5px;
    background-position:0 0;
}

.kaisetsu_btn a:hover, .kaisetsu_btn a.visit { background-position:0 -35px; }

.okyaku_btn a {
    display:block;
    background:url("../images/okyaku_btn.gif") no-repeat;
    text-indent:-9999em;
    height:35px;
    width:228px;
    margin:0px auto;
    background-position:0 0;
}

.okyaku_btn a:hover, .okyaku_btn a.visit { background-position:0 -35px; }