@charset "utf-8";

/*--------------------
INITIALIZE:
--------------------*/
h1,h2,h3,h4,h5,h6,
body,div,p,form,
dl,dt,dd,ul,ol,li,
table,tr,th,td,hr {
margin: 0;
padding: 0;
}

html { height: 100%; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img { border: none; }
ul { list-style: none; }
address { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { font-family: "ＭＳ Ｐゴシック","MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif; }


table {
border-top: #999999 1px solid;
border-left: #999999 1px solid;
}
th,
td {
padding: 5px 10px;
border-right: #999999 1px solid;
border-bottom: #999999 1px solid;
}


/* clear */
.clear { clear: both; }
.clear hr { display: none; }

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; zoom: 1; }
/* */

/* space */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.f14{ font-size:117% }
.f16{ font-size:133% }

/* bullet */
.bullet {
text-indent: -1em;
padding-left: 1em;
}

/* general purpose */
.floatL {
float: left;
}
.floatR {
float: right;
}

.textR {
text-align: right;
}
.textC {
text-align: center;
}

/*--------------------
BODY
--------------------*/
html[xmlns]>/**/body {
font-size:16px;
}

body {
background: url(../image/bg/body.gif);
height: 100%;
color: #6C6C6C;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", Osaka,sans-serif;
}

#wrapper {
background: url(../image/bg/body2.gif) repeat-x;
height: 100%;
}

#container {
background: url(../image/bg/body3.png) repeat-y;
line-height: 160%;
font-size: 75%;
letter-spacing: 1px;
width: 896px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}

* html #container {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/image/bg/body3.png',sizingMethod='scale');
background:none;
}

/*--------------------
LINK
--------------------*/
a { position: relative; }
a:link { color: #0484D0; text-decoration: underline; }
a:visited { color: #0484D0; text-decoration: underline; }
a:hover { color: #27ACFC; text-decoration: underline; }
a:active { color: #27ACFC; text-decoration: underline; }

/*--------------------
HEADER
--------------------*/
#header {
position: relative;
background: url(../image/bg/header.gif) repeat-x;
width: 880px;
margin: 0 auto;
}
#header h1 {
width: 445px;
padding: 20px 0 10px;
float: left;
}
#header dl {
padding: 20px 175px 20px 0;
text-align: right;
}
#header dl img {
vertical-align: middle;
}
#header dt {
display: inline;
}
#header dd {
display: inline;
}

#header ul {
clear: both;
background: url(../image/bg/header_navi.gif) repeat-x;
padding: 0 10px 2px;
}
#header li {
float: left;
background: url(../image/bg/header_navi_border.gif) no-repeat;
padding-left: 1px;
}
#header li.first {
background: none;
padding-left: 0px;
}
#header li a,
#header li img {
display: block;
}

#header #faceImg {
position: absolute;
top: 5px;
right: 0;
}

/*--------------------
MAIN
--------------------*/
#main {
background: url(../image/bg/column_b.jpg) no-repeat;
width: 880px;
margin: 0 auto;
}

#main .promoArea {
padding: 15px;
text-align: center;
}

/* columnA */
#columnA {
width: 640px;
float: right;
}

#columnA .innner {
margin: 20px 30px 0 40px;
}

#topPage #columnA .innner {
margin-top: 0;
}

#columnA h2 {
background: url(../image/bg/h_l.gif) repeat-y;
font-size: 133%;
color: #0484D0;
width: 570px;
margin-bottom: 15px;
}
#columnA h2 span {
display: block;
background: url(../image/bg/h_l_top.gif) no-repeat;
}
#columnA h2 span span {
background: url(../image/bg/h_l_bottom.gif) no-repeat left bottom;
padding: 6px 10px 6px 22px;
}

#columnA h2.title {
background: none;
color: #6C6C6C;
}


#columnA h3 {
background: url(../image/bg/dot_line.gif) repeat-x left bottom;
font-size: 117%;
width: 530px;
margin-bottom: 15px;
}
#columnA h3 span {
display: block;
padding: 3px 10px 3px 0;
}
#columnA h3 span span {
padding: 0 0 0 7px;
border-left: 5px solid #6C6C6C;
}

/*
#columnA .leftArea {
width: 375px;
float: left;
position: relative;
}
#columnA .leftArea h2 {
background: url(../image/bg/h_m.gif) repeat-y;
font-size: 117%;
color: #0484D0;
width: 350px;
margin-bottom: 0px;
}
#columnA .leftArea h2 span {
display: block;
background: url(../image/bg/h_m_top.gif) no-repeat;
}
#columnA .leftArea h2 span span {
background: url(../image/bg/h_m_bottom.gif) no-repeat left bottom;
padding: 6px 30px 6px 22px;
}


#columnA .leftArea .rss {
position: absolute;
top: 8px;
left: 322px;
}
#columnA .leftArea ul {
padding: 10px 46px 0 20px;
}
#columnA .leftArea li {
padding-bottom: 8px;
}
#columnA .leftArea li .date {
padding-left: 17px;
font-size: 83%;
line-height: 160%;
}
#columnA .leftArea li .link {
padding-left: 17px;
background: url(../image/bg/icon_text.gif) no-repeat 0 0.2em;
}

#columnA .rightArea {
width: 210px;
float: left;
}
#columnA .rightArea h2 {
background: url(../image/bg/h_s.gif) repeat-y;
font-size: 117%;
color: #0484D0;
width: 210px;
margin-bottom: 0px;
}
#columnA .rightArea h2 span {
display: block;
background: url(../image/bg/h_s_top.gif) no-repeat;
}
#columnA .rightArea h2 span span {
background: url(../image/bg/h_s_bottom.gif) no-repeat left bottom;
padding: 6px 10px 6px 22px;
}

#columnA .rightArea ul {
padding: 10px 20px 0;
}
#columnA .rightArea li {
padding: 0 0 8px 17px;
background: url(../image/bg/icon_down.gif) no-repeat 0 0.2em;
}

#columnA .rightArea .textR {
font-size: 83%;
padding: 5px 0 0 0;
}
*/

#columnA .entry {
padding: 0 20px 20px;
}

#columnA .entry p {
padding-bottom: 5px;
}
#columnA .entry .date {
background: url(../image/bg/dot_line.gif) repeat-x left bottom;
text-align: right;
font-size: 83%;
padding-bottom: 0px;
margin-bottom: 5px;
}
/* columnB */
#columnB {
width: 210px;
float: right;
margin-top: 20px;
}
#topPage #columnB {
margin-top: 0px;
}

#columnB h3 {
background: url(../image/bg/h_s.gif) repeat-y;
font-size: 117%;
color: #0484D0;
width: 210px;
}
#columnB h3 span {
display: block;
background: url(../image/bg/h_s_top.gif) no-repeat;
}
#columnB h3 span span {
background: url(../image/bg/h_s_bottom.gif) no-repeat left bottom;
padding: 6px 10px 6px 22px;
}

#columnB .block {
padding-bottom:10px;
}
#columnB .block h3 {
margin-bottom:10px;
}
#columnB .block p,
#columnB .block ul {
padding: 0 10px 10px 10px;
}


#columnB .bannerList li {
padding-bottom: 10px;
}


#columnB .block.newsPaperList ul {
padding: 0 10px 0 10px;
}
#columnB .newsPaperList li {
padding: 0 0 8px 17px;
background: url(../image/bg/icon_down.gif) no-repeat 0 0.2em;
}
#columnB .newsPaperList .textR {
font-size: 83%;
padding: 5px 0 0 0;
}

#columnB select {
margin:0 10px 10px;
}

/*--------------------
FOOTER
--------------------*/
#footer {
background: url(../image/bg/footer.gif) repeat-x;
width: 880px;
margin: 0 auto;
height: 85px;
overflow: hidden;
}

#footer ul {
margin-top: 30px;
margin-left: 30px;
}
#footer li {
float: left;
padding: 0 5px;
border-left: 1px solid #6C6C6C;
line-height: 120%;
}
#footer li.first {
border-left: none;
}

#footer .copyright {
text-align: right;
padding: 10px 30px 0 0;
font-size: 83%;
}

#footer a:link { color: #6C6C6C; }
#footer a:visited { color: #6C6C6C; }
#footer a:hover { color: #9F9F9F; }
#footer a:active { color: #9F9F9F; }


/*--------------------
TOP PAGE
--------------------*/
#topPage #header dl {
padding: 20px 30px;
}

/*
#topPage #headerWrapper {
background: #FFFFFF url(../image/bg/header_wrapper_top.jpg) no-repeat 972px 0px;
}

#topPage #main {
background: url(../image/bg/column_b_top.gif) no-repeat;
}

#topPage #columnA .contentsColumnArea {
background: url(../image/bg/contents_column_area_top.gif) repeat-x;
}

#topPage #columnA .contentsColumnArea h2 {
padding: 25px 0;
}
#topPage #columnA .contentsColumnArea h3 {
padding: 15px 0;
clear: both;
}

#topPage #columnA .contentsColumnArea .newsList {
padding-left: 20px;
}
#topPage #columnA .contentsColumnArea .newsList li {
background: url(../image/bg/line_dots.gif) repeat-x left bottom;
padding: 10px 0;
position: relative;
}
#topPage #columnA .contentsColumnArea .newsList li .date {
position: absolute;
display: block;
}
#topPage #columnA .contentsColumnArea .newsList li .link {
padding: 0 15px 0 8em;
display: block;
}

#topPage #columnA .subColumnArea {
background: url(../image/bg/sub_column_area_top.gif) no-repeat;
}
*/

/*--------------------
NEWS PAPER
--------------------*/

#newsPaperPage .entry li {
float: left;
width: 20%;
}