@charset "utf-8";

.clear {
clear:both;
width:1px;
height:1px;
overflow:hidden;
}

.cmn_cl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.cmn_cl {display: inline-table;}

/* Hides from IE-mac \*/
* html .cmn_cl {height: 1%;}
.cmn_cl {display: block;}
/* End hide from IE-mac */

/* --------------------------------------------------

Common Setting

-------------------------------------------------- */

body {
text-align: center;
color: #333;
font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
font-size: 12px;
line-height: 20px;
background: #ccc url("../image/bg.gif") repeat-x;
margin: 0 auto;
padding: 0;
}

html {
overflow-y: scroll;
}

#container {
width: 766px;
text-align: center;
background: url("../image/bg_container.gif") repeat-y;
margin: 0 auto;
padding: 0;
}

#wrapper {
width: 760px;
text-align: left;
margin: 0 auto;
padding: 0;
}

.wrap {
clear: both;
margin: 0;
padding: 0;
}

.break {
clear: both;
width: 100%;
height: 20px;
margin: 0;
padding: 0;
}

.reset {
clear: both;
width: 100%;
height: 10px;
margin: 0;
padding: 0;
}

.caution {
color: #f00;
margin: 0 0 0 20px;
}

.recommend {
color: #f00;
font-weight: bold;
}

a:link, a:visited {
color: #06c;
text-decoration: underline;
outline-width: 0;
}

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

h1, h2, h3, h4, h5, h6 {
clear: both;
margin: 0;
padding: 0;
}

p {
margin: 0 0 10px 0;
padding: 0;
}

ul {
clear: both;
margin: 0;
padding: 0;
}

li {
list-style: none;
margin: 0;
padding: 0;
}

dl {
clear: both;
margin: 0;
padding: 0;
}

dt {
margin: 0;
padding: 0;
}

dd {
margin: 0;
padding: 0;
}

img {
border-style: none;
margin: 0;
padding: 0;
}

img.left {
float: left;
margin: 0 20px 25px 0;
padding: 0;
}
*html img.left {
margin: 0 20px 5px 0;
}
#top img.left {
margin: 0;
}

img.right {
float: right;
margin: 0 0 25px 20px;
padding: 0;
}
*html img.right {
margin: 0 0 5px 20px;
}
#top img.right {
margin: 0;
}

img.photo {
border: 1px solid #ccc;
padding: 3px;
}

/* --------------------------------------------------

Header

-------------------------------------------------- */

#header {
clear: both;
display: inline;
height: 69px;
margin: 0;
padding: 0;
}

#header img.left {
margin: 0;
padding: 0;
}

#header img.right {
margin: 0;
padding: 0;
}

/* --------------------------------------------------

Navi

-------------------------------------------------- */

#navi {
clear: both;
height: 37px;
display: inline;
margin: 0;
padding: 0;
}

#navi ul {
width: 760px;
height: 37px;
}

#navi ul li {
float: left;
height: 37px;
text-indent: -9999px;
}

#navi li, #navi li a, #navi li a:hover {
height: 37px;
display: block;
}

#navi li.recommend a, #navi li.recommend a:hover, #navi li.recommend a:active {
width: 233px;
background: url("../image/navi.gif") top left no-repeat;
background-position: 0 0;
}

/*#navi li.search a, #navi li.search a:hover, #navi li.search a:active {
width: 160px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -128px 0;
}

#navi li.new a, #navi li.new a:hover, #navi li.new a:active {
width: 162px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -288px 0;
}*/

#navi li.support a, #navi li.support a:hover, #navi li.support a:active {
width: 294px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -233px 0;
}

#navi li.doc a, #navi li.doc a:hover, #navi li.doc a:active {
width: 233px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -527px 0;
}

/* --------------------------------------------------

Content

-------------------------------------------------- */

#content {
clear: both;
width: 760px;
display: inline;
margin: 0;
padding: 0;
}

/* --------------------------------------------------

Menu

-------------------------------------------------- */

#menu {
float: right;
display: inline;
width: 185px;
margin: 10px 8px 0 0;
padding: 0;
}

#menu #areaSupport {
float: left;
width: 185px;
display: inline;
margin: 0 0 10px 0;
padding: 0;
}

#menu #areaDownload {
float: left;
width: 185px;
display: inline;
margin: 0 0 10px 0;
padding: 0;
}

#menu #areaBranch {
float: left;
width: 183px;
display: inline;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 25px 0;
padding: 0;
}

#menu #areaBranch ul li img {
border-bottom: 1px solid #ccc;
}
#menu #areaBranch ul li img.bottom {
border-bottom: none;
}

#menu #areaKosuge24 {
float: left;
width: 179px;
display: inline;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 10px 0;
padding: 0 0 0 4px;
}

#menu #areaKosuge24 p {
text-align: center;
font-size: 14px;
font-weight: bold;
text-align:left;
color: #f0f;
margin: 0;
padding: 10px 0 10px 0;
}

#menu #areaKosuge24 p a:link, #menu #areaKosuge24 p a:visited {
color: #f0f;
text-decoration: none;
}

#menu #areaKosuge24 p a:hover, #menu #areaKosuge24 p a:active {
color: #f6f;
text-decoration: underline;
}


/* --------------------------------------------------

Main (Sub Pages)

-------------------------------------------------- */

#main {
float: left;
display: inline;
width: 690px;
margin: 10px 0 0 35px;
padding: 0;
}

#main p.topicpath {
margin: 0 0 30px 0;
padding: 0;
}

#main h1 {
color: #9966CC;
font-size: 21px;
margin: 0 0 20px 5px;
padding: 0;
}

#main h2 {
color:#663399;
font-size: 16px;
line-height: 37px;
background: url("../image/icon_h2.gif") repeat-x;
margin: 0 0 20px 0;
padding: 0 0 0 15px;
}

#main h3 {
color:#9999FF;
font-size: 14px;
background: url("../image/icon_h3.gif") left no-repeat;
background-position: 0 3px;
margin: 0 0 5px 5px;
padding: 0 0 0 20px;
}

#main h3 a {
color:#9966CC;
text-decoration:none;
}


#main h4 {
font-size: 12px;
font-weight: normal;
margin: 0 10px 5px 10px;
padding: 0;
}

#main p {
margin: 0 0 20px 25px;
padding: 0;
}
#main p a {
text-decoration:none;
}

#main p.anote {
margin:0 0 20px 20px;
color:#FF0000;
}

#main ul {
margin: 0 0 25px 10px;
padding: 0;
}

#main ul.mgb5 {
margin: 0 0 5px 15px;
padding: 0;
}

#main ul li {
background: url("../image/icon_square.gif") no-repeat;
background-position: 0 6px;
margin: 0;
padding: 0 0 0 20px;
}

#main ul.paging li {
background: url("../image/icon_arrow.gif") left no-repeat;
padding: 0 0 0 20px;
}

#main ul.plain li {
background: none;
padding: 0;
}

#main iframe {
clear: both;
margin: 0 0 25px 10px;
padding: 0;
}

#main table {
clear: both;
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 25px 10px;
padding: 0;
}

#main table caption {
text-align: left;
color: #f00;
margin: 0 0 10px 0;
padding: 0;
}

#main table th {
width: 130px;
text-align: left;
vertical-align: top;
font-weight: normal;
background: #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 0 5px 10px;
}

#main table th sup {
color: #f00;
}

#main table td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 5px 5px 10px;
}

#main table td.submit {
font-weight: normal;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}

/* --------------------------------------------------

Main (Top Page Only)

-------------------------------------------------- */

#top #main {
float: left;
display: inline;
width: 550px;
margin: 10px 0 0 8px;
padding: 0;
}

#top #main h1 {
height: 0px;
text-indent: -9999px;
display: none;
margin: 0;
padding: 0;
}

#top #main h2 {
background: none;
margin: 0;
padding: 0;
}

#top #main p {
margin: 0 0 10px 0;
padding: 0;
}

#main #areaTop {
float: left;
width: 550px;
height: 125px;
display: inline;
background: url("../image/areaTop_bg.gif") no-repeat;
margin: 0 0 20px 0;
padding: 0;
}

#main #areaTop h2 {
font-weight: bold;
font-size: 16px;
line-height: 16px;
color: #f00;
margin: 20px 0 5px 20px;
padding: 0;
}

#main #areaTop p {
height: 45px;
line-height: 16px;
margin: 0 20px 5px 20px;
padding: 0;
}

#main #areaTop img {
float: right;
margin: 0 15px 0 0;
padding: 0;
}

#main #areaRecommend,
#main #areaForm {
float: left;
width: 548px;
display: inline;
background: url("../image/areaRecommend_bg.gif") bottom repeat-x;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 20px 0;
padding: 0;
}

#main #areaRecommend .insideLeft {
float: left;
width: 195px;
display: inline;
margin: 15px 0 0 15px;
padding: 0;
}

#main #areaRecommend .insideRight {
float: left;
width: 195px;
display: inline;
margin: 15px 0 0 5px;
padding: 0;
}

#main #areaRecommend p {
line-height: 17px;
margin: 0 0 10px 0;
padding: 0;
}

#main #areaRecommend p.title {
margin: 0 0 5px 0;
padding: 0;
}

#main #areaRecommend p.photo {
float: left;
height: 110px;
display: inline;
margin: 0 10px 0 0;
padding: 0;
}

#main #areaRecommend p.more {
margin: 0 0 10px 0;
padding: 0;
}

#main #areaForm p{
width:500px;
margin:10px;
font-size:120%;
font-weight:bold;
}


/* iframe */
#main iframe.list{
	width:550px;
	height:300px;
	margin:0;
	padding:0;
	border:0;
	border-bottom:1px solid #ccc;
}



#main #areaSearch {
float: left;
width: 548px;
display: inline;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 35px 0;
padding: 0;
}

#main #areaSearch .inside {
float: left;
width: 300px;
display: inline;
margin: 0;
padding: 0;
}

#main #areaSearch ul {
clear: none;
float: left;
width: 120px;
margin: 15px 0 10px 15px;
padding: 0;
}

#main #areaSearch ul li {
background: none;
margin: 0;
padding: 0;
}

#main #areaSearch input.btn {
float: left;
margin: 10px 0 10px 15px;
}

#main #areaBanner {
clear: both;
margin: 0 0 20px -5px;
padding: 0;
}
#main #areaBanner img {
margin: 0 0 0 5px;
padding: 0;
}

#main p#pagetop {
clear: both;
text-align: right;
margin: 0 0 30px 0;
padding: 0;
}

/* --------------------------------------------------

Footer

-------------------------------------------------- */

#footer {
clear: both;
text-align: left;
font-size: 10px;
background: #333 url("../image/bg_footer.gif") repeat-y;
margin: 0;
padding: 0;
}

#footer .insideLeft {
float: left;
width: 200px;
display: inline;
margin: 0;
padding: 0;
}

#footer .insideLeft p {
color: #fff;
margin: 0;
padding: 3px 0 3px 20px;
}

#footer .insideRight {
width: 450px;
display: inline;
margin: 0;
padding: 0;
}

#footer .insideRight p {
text-align: right;
margin: 0;
padding: 3px 20px 3px 0;
}

/* --------------------------------------------------

index-style

-------------------------------------------------- */

div.sch{
width:500px;
margin:20px auto;
}

div.sch p.lft{
width:230px;
float:left;
}

div.sch p.rgt{
width:230px;
float:right;
}