@charset "UTF-8";
/* ページ全体
---------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body {
    color: #000000;
    background: #FFFFFF url(./img/all_back.gif) repeat-x;
    font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', sans-serif;
    line-height: 105%;
    height: 100%;
}

* html body {
	font-family: 'MS PGothic';
}

/* フォーム関連
---------------------------------------------------- */
form {
    margin:0px;
    padding:0px;
}

input ,
textarea ,
select {
    font-size: 10pt;
    color: #333333;
    background: #FAFAFA url(/img/form_back.gif) top left repeat-x;
    border: 1px solid #AAAAAA;
    vertical-align: middle;
    padding:4px;
}

input.sb {
    color: #FFFFFF;
    background: #2978B1 url(/img/kpb_back.gif) top left repeat-x;
    border: 2px outset #ADDAE9;
    padding: 3px;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

input.sb[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

a {
    color: #FF6600;
    padding:2px;
}
a:visited {
    color: #FF6600;
}
a:active {
    color: #FFFFFF;
    text-decoration:none;
    background:#FFFFFF url(/img/linkback.gif) top left repeat-x;
}
a:hover {
    color: #FFFFFF;
    text-decoration:none;
    background:#FFFFFF url(/img/linkback.gif) top left repeat-x;
}

.subco a {
    color: #FF6600;
    padding:0;
    text-decoration:none;
}
.subco a:visited {
    color: #FF6600;
    text-decoration:none;
}
.subco a:active {
    color: #7CC331;
    text-decoration:none;
    background:#ffffff;
}
.subco a:hover {
    color: #7CC331;
    text-decoration:none;
    background:#ffffff;
}

.topline {
    height: 20px;
    background: #FFFFFF url(./img/topline_back.gif) repeat-x;
    padding-top:2px;
}

.toplinecnt {
    width: 960px;
    margin: 0 auto;
    font-size: 11px;
    font-family: Verdana;
    color: #EEF6AC;
    text-align: right;
}

.header {
    width: 960px;
    height: 190px;
    margin: 0 auto;
}

/* メニュー
---------------------------------------------------- */
.header ul {
    width: 960px;
    height: 60px;
    list-style-type: none;
    margin:0 auto;
    padding: 0;
}

.header li {
    height: 60px;
    position: relative;
    display : block;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.header li a {
    height: 60px;
    display: block;
    margin: 0;
    padding: 0;
}

.header li#top {
    margin: 0 0 0 0;
    width: 114px;
    background: url(./img/menu.gif) 0 -120px no-repeat;
}
.header li#vision {
    margin: -60px 0 0 114px;
    width: 156px;
    background: url(./img/menu.gif) -114px -120px no-repeat;
}
.header li#prp {
    margin: -60px 0 0 270px;
    width: 188px;
    background: url(./img/menu.gif) -270px -120px no-repeat;
}
.header li#contact {
    margin: -60px 0 0 458px;
    width: 134px;
    background: url(./img/menu.gif) -458px -120px no-repeat;
}
.header li#news {
    margin: -60px 0 0 592px;
    width: 108px;
    background: url(./img/menu.gif) -592px -120px no-repeat;
}
.header li#fsize {
    margin: -60px 0 0 700px;
    width: 260px;
    text-indent: 0;
    text-align: right;
    background:#FFFFFF url(./img/fsize_back.gif) bottom left no-repeat;
}

.header li#fsize div {
    padding: 30px 15px 0 0;
}

.header li#fsize img {
    cursor: pointer;
    padding: 1px;
}

.header li#top a {
    background: url(./img/menu.gif) 0 -60px no-repeat;
}
.header li#vision a {
    background: url(./img/menu.gif) -114px -60px no-repeat;
}
.header li#prp a {
    background: url(./img/menu.gif) -270px -60px no-repeat;
}
.header li#contact a {
    background: url(./img/menu.gif) -458px -60px no-repeat;
}
.header li#news a {
    background: url(./img/menu.gif) -592px -60px no-repeat;
}

.header li#top a:hover {
    background: url(./img/menu.gif) 0 0 no-repeat;
}
.header li#vision a:hover {
    background: url(./img/menu.gif) -114px 0 no-repeat;
}
.header li#prp a:hover {
    background: url(./img/menu.gif) -270px 0 no-repeat;
}
.header li#contact a:hover {
    background: url(./img/menu.gif) -458px 0 no-repeat;
}
.header li#news a:hover {
    background: url(./img/menu.gif) -592px 0 no-repeat;
}

.header li#top a:active {
    background: url(./img/menu.gif) 0 0 no-repeat;
}
.header li#vision a:active {
    background: url(./img/menu.gif) -114px 0 no-repeat;
}
.header li#prp a:active {
    background: url(./img/menu.gif) -270px 0 no-repeat;
}
.header li#contact a:active {
    background: url(./img/menu.gif) -458px 0 no-repeat;
}
.header li#news a:active {
    background: url(./img/menu.gif) -592px 0 no-repeat;
}

.content {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    min-height: 100%;
    height: 100%;
    background:#FFFFFF;
    font-family: Verdana;
    line-height: 110%;
}

body > .content { 
    height: auto; 
}

.blist {
    color: #666666;
    padding: 5px;
    margin-bottom: 10px;
    border-top: 1px dotted #eeeeee;
    border-bottom: 1px dotted #eeeeee;
    font-size: 12px;
}

.main {
    width: 670px;
    float: left;
    padding: 15px;
    background:#FFFFFF url(/img/main_back.gif) top left no-repeat;
    font-size: 14px;
    color: #000000;
}

.body {
    padding: 15px 0;
}

.body p {
    line-height: 180%;
    margin-left:10px;
}

.body p img {
	border-top: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-bottom: solid 1px #AAAAAA;
	border-right: solid 1px #AAAAAA;
	background-color: white;
	padding: 5px;
	margin:5px 8px 8px 8px;
}

h1 {
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: normal;
    color: #444;
    vertical-align: baseline;
    padding: 2px 0 0 25px;
    background: url(./img/cap.gif) top left no-repeat;
    border-bottom: 1px solid #efefef;
}

h2 {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #222;
    vertical-align: baseline;
    padding: 0 0 0 20px;
    margin: 10px 0 10px 10px;
    background: url(./img/cap2.gif) top left no-repeat;
    border-bottom: 1px solid #efefef;
}

h3 {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #000;
    vertical-align: baseline;
    padding: 0 0 0 20px;
    margin: 10px 0 10px 10px;
    background: url(./img/cap3.gif) top left no-repeat;
    border-bottom: 1px solid #efefef;
}

.date {
    height:24px;
    color: #FFFFFF;
    font-size: 12px;
    text-align: right;
    padding: 2px 9px 0 0;
    background:#FFFFFF url(/img/time_back.gif) top right no-repeat;
}

.calist {
    font-size: 90%;
    padding: 0 10px 0 10px;
}

.calist img {
	border-top: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-bottom: solid 1px #AAAAAA;
	border-right: solid 1px #AAAAAA;
	background-color: white;
	padding: 2px;
	margin:0 8px;
}

.paginate {
    font-size: 12px;
    text-align: center;
    padding: 5px;
    border-top: #efefef 1px dotted;
}

.paginate a {
    color:#666666;
    text-decoration:none;
}

.pcrnt {
    color: #FFFFFF;
    font-weight: bold;
    background: #92CB4F;
    padding: 0 3px;
}

.errormsg {
    border: #FF0000 1px solid;
    background: #FFEEEE;
    margin: 3px;
    padding: 3px;
    font-size:12px;
}

.infobox {
    padding: 10px;
    border: 5px solid #A7D872;
    background: #EEF7CB;
    font-size:12px;
    text-align:center;
    margin:20px 5px 20px 20px;
    line-height:200%;
}

.infobox div {
    border-bottom: 1px solid #DCE2CA;
}

/* 表組み
---------------------------------------------------- */
.chart th {
    text-align: left;
    padding: 10px 0 10px 30px;
    vertical-align: top;
    font-weight: bold;
    border-bottom: #efefef 1px solid;
    background:url(/img/chart_th.gif) top left no-repeat;
}
.chart td {
    padding: 10px;
    border-bottom: #efefef 1px solid;
}

.sub {
    width: 230px;
    height:500px;
    float: right;
    padding: 15px 15px 0 0;
    background: #FFFFFF url(/img/cont_back.gif) top right no-repeat;
}

.relate {
    margin:0;
    padding:0;
}

.relate ul {
    list-style:none;
    padding:0 5px 0 10px;
    background:#EEF7CB url(/img/relate_back.gif) top left repeat-y;
}

.relate li {
    padding:2px 0 2px 20px;
    font-size:12px;
    background:url(/img/rarrow.gif) top left no-repeat;
}

.footer {
    clear: both;
    height: 220px;
    margin: 0;
    background: #92CB4F url(./img/footer_bg.gif) top left no-repeat;
    text-align: center;
    color: #ffffff;
}

.footer2 {
    height: 220px;
    margin: 0;
    background: url(./img/footer2_bg.gif) bottom right no-repeat;
}

.copyrights {
    padding: 120px 0 0 0;
    font-size: 12px;
    background: url(./img/koppes_logo_foot.gif) top center no-repeat;
    color: #EEF6AC;
}

.fmenu {
    text-align: center;
    padding: 20px 0 0 0;
    height: 35px;
    font-size: 12px;
}

.fmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fmenu li {
	display: inline;
}

.fmenu li a {
    color: #ffffff;
    text-decoration: none;
    padding:2px;
}
.fmenu li a:visited {
    color: #ffffff;
    text-decoration:none;
}
.fmenu li a:active {
    color: #ffffff;
    text-decoration:none;
}
.fmenu li a:hover {
    color: #ffffff;
    text-decoration:none;
}

/* clearfix
---------------------------------------------------- */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */