@charset "utf-8";
/* ----------------------------------------------------------
  Author : Koichi Tsuji [2008.6.1]
  URI    : http://www.so-net.ne.jp/○○○○/
  (c) So-net Entertainment Corporation
---------------------------------------------------------- */
@import url(base.css);

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

clearfix list

---------------------------------------*/
.sample{zoom: 100%;}
.sample:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
.header ul.menu{zoom: 100%;}
.header ul.menu:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
.contentsArea{zoom: 100%;}
.contentsArea:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
.row{zoom: 100%;}
.row:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
ul.archive {zoom: 100%;}
ul.archive:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
.categoryBlock {zoom: 100%;}
.categoryBlock:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
.newsInfo ul{zoom: 100%;}
.newsInfo ul:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
.blockWithImage{zoom: 100%;}
.blockWithImage:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}

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

aaaa

---------------------------------------*/
.mainContents p {margin-bottom:10px;}
p.right {float:right;margin-left:20px;margin-bottom:10px;}
p.center {text-align:center;}
p.left {float:left;margin-right:20px;margin-bottom:10px;}
h1 {position:absolute;top:15px;left:29px;}
.header p.lead {position:absolute;left:182px;top:12px;}
.mainContents .lead {margin-bottom:20px;font-weight:bold;}
.mainContents h2 {margin-bottom:20px;}
.mainContents h3 {margin-bottom:20px;padding:5px 0;background:url(../img/bg_h3.gif) 0 bottom no-repeat;font-size:116%;height: 100%}
.mainContents h4 {margin-bottom:20px;padding:5px 0;background:url(../img/bg_h4.gif) 0 bottom no-repeat;font-size:120%;}

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

block

---------------------------------------*/
.blockH2 {margin-bottom:0px;clear:both;}
.blockH3 {margin-top:30px;margin-bottom:30px;clear:both;}
.blockH4 {margin-top:20px;margin-bottom:20px;clear:both;}
.blockH5 {margin-top:10px;margin-bottom:20px;}
.blockH6 {margin-top:10px;margin-bottom:20px;clear:both;}

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

layout base

---------------------------------------*/
.keyVisual {padding-bottom:17px;background-color:#FFFFFF;}
.contentsArea {background:url(../img/bg_main_contents.gif) repeat-y 0 0;}
.mainContents {float:right;margin-bottom:20px;width:646px;}
.subContents {float:left;width:280px;}

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

header

---------------------------------------*/
.header {position:relative;padding-bottom:10px;width:950px;height:88px;background:#FFF url(../img/bg_header.gif) no-repeat 0 0;font-size:80%;}
.header .utility {position:absolute;top:11px;right:21px;padding-right:10px;}
.header .utility li {display:inline;padding-left:15px;background:#FFF url(../img/bg_utility_list.gif) no-repeat 7px 50%;}
.header .utility li a {color:#333333;}

.header ul.menu {margin:0;padding:0;position:absolute;top:54px;left:183px;height:34px;}
.header ul.menu li img{font-size:0px;line-height:0;}
.header .menu li {float:left;font-size:0px;line-height:0;}


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

footer

---------------------------------------*/
.footer {position:relative;/*padding:48px 10px 15px 15px;*/background: #05368f url(../img/bg_footer.gif) no-repeat 0 0;color:#FFFFFF;}
.footer a:link {color:#FFFFFF;}
.footer a:visited {color:#FFFFFF;}
.footer a:hover {color:#d6d6d6;text-decoration:underline;}

.footer .utility {overflow:hidden;width:620px;padding-top:47px;margin-left:15px;font-size:80%;_font-size:75%;}
/* IE6 */ .footer .utility {_font-size:75%;}
/* IE7 */ *:first-child+html .footer .utility { {font-size:75%;} }
.footer .utility ul {margin-left:-6px;}
.footer .utility li {display:inline;padding:0px 5px;border-left:1px solid #FFF;}
.footer .copyright {position:absolute;width:400px;top:48px;right:15px;word-break:break-all;text-align:right;font-size:80%;}
.footer .toTop {position:absolute;width:400px;top:-10px;right:0px;word-break:break-all;text-align:right;}
.footer .toTop {margin-bottom:0;padding:5px 0px 0px;text-align:right;}
.footer .toTop a{padding-left:15px;background:url(../img/bg_to_top.gif) 0 50% no-repeat;color:#113f93;font-size:93%;}
.footer .toTop a:link{color:#113f93;}
.footer .toTop a:visited{color:#113f93;}
/*-------------------------------------------------

subNavi base

--------------------------------------------------*/
/*
.subNavi li {margin-bottom:1px;border:1px solid #CCC;}
.subNavi li li {margin-bottom:0px;border:none;}
*/

.subNavi dt a {color:#FFFFFF;}
.subNavi dt a:link {color:#FFFFFF;text-decoration:none;}
.subNavi dt a:visited {color:#FFFFFF;text-decoration:none;}
.subNavi dt a:hover {color:#FFFFFF;text-decoration:underline;}
.subNavi dt a:active {color:#FFFFFF;text-decoration:none;}

.subNavi li a {display:block;padding:10px 0 10px 20px;}
.subNavi li a:hover {}

.subNavi{width:280px;}
.subNavi dt {margin-bottom:1px;padding:10px;background:#00328d url(../img/bg_sub_navi_top.gif) no-repeat;color:#FFFFFF;font-weight:bold;}
.subNavi dd {border-bottom:1px solid #d6d6d6;background-color:#FFFFFF;}

.subNavi li{margin-bottom:1px;font-weight:bold;border:1px solid #d6d6d6;height:1%;}
.subNavi li li{margin-bottom:0px;font-weight:normal;border:none;}

.subNavi li a{display:block;padding:10px 10px;display:block;}
.subNavi li a:link {}
.subNavi li a:visited {}
.subNavi li a:hover {background-color:#e3f4fc;color:#113f93;}
.subNavi li a:active {}

.subNavi li li a {padding-left:20px;background:url(../img/bg_sub_navi_arrow.gif) no-repeat 10px 50%;}
.subNavi li li a:link {}
.subNavi li li a:visited {}
.subNavi li li a:hover {color:#113f93;background:#e3f4fc url(../img/bg_sub_navi_arrow_over.gif) no-repeat 10px 50%;}
.subNavi li li a:active {}

.subNavi li li li a {padding-left:20px;background-image:none;}
.subNavi li li li a:link {}
.subNavi li li li a:visited {}
.subNavi li li li a:hover {color:#113f93;background-image:none;}
.subNavi li li li a:active {}

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

newsInfo

---------------------------------------*/
.mainContents .newsInfo {background:url(../img/bg_newsInfo_repeat.gif) repeat-y 0 0;}
.mainContents .newsInfo h3,.newsInfo h4,.newsInfo h5{padding-bottom:5px;margin-bottom:0;background-image:none;background-color:#FFFFFF;}
.mainContents .newsInfo .box {background:url(../img/bg_newsInfo_top.gif) no-repeat 0 0;}
.mainContents .newsInfo ul {overflow:hidden;margin:0;padding:0 15px;background:url(../img/bg_newsInfo_bottom.gif) no-repeat 0 bottom;}
.mainContents .newsInfo li {width:610px;float:left;padding:0;margin-top:-1px;padding-bottom:15px;background-image:none;}
.mainContents .newsInfo dt {padding-top:15px;font-weight:bold;background:url(../img/bg_horizontal_dotline.gif) repeat-x 0 0 ;}
.mainContents .newsInfo dl {padding:0;margin:0;}
.mainContents .newsInfo dd {margin-bottom:0;}
.mainContents .newsInfo .more {background-color:#FFFFFF;}

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

thumnail layout

---------------------------------------*/
.itemList {margin-bottom:30px;}
.row {clear:both;margin-bottom:18px;}
.row div.col1{position:relative;width:314px;float:left;}
.row div.col2{position:relative;width:314px;float:right;}
.row dl dt{padding-left:98px;font-weight:bold;}
.row dl dd.text{padding-left:98px;}
.row dl dd.image {position:absolute;top:0;left:0;}

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

thumnail2 layout

---------------------------------------*/
.mainContents .thumnails {margin-bottom:0px;}
.mainContents .thumnails h4 {margin-bottom:0;padding:0;background-image:none;font-size:100%;}
.mainContents .thumnails .row {clear:both;margin-bottom:18px;}
.mainContents .thumnails .row div.col1{position:relative;width:314px;float:left;}
.mainContents .thumnails .row div.col2{position:relative;width:314px;float:right;}
.mainContents .thumnails .row .textArea{float:right;width:220px;}
.mainContents .thumnails .row .imageArea{margin-left:0;width:80px;}
.mainContents .thumnails .row .imageArea img{margin-bottom:0;}
.mainContents .thumnails .row .imageArea p{margin-bottom:0;}
/*--------------------------------------

table

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

table {margin:10px 0;width:99.9%;}
table thead {background-color:#627c96;color:#FFFFFF;}
table.results th {padding:8px;color:#FFFFFF;font-weight:normal;}
table.results th {padding:8px;border:1px solid #FFF;}
table.results td {padding:8px;border:1px solid #FFF;text-align:right;}
table.results th.typeA {background-color:#627c96;}
.unit {white-space:nowrap;}
table.results td.separator {height:3px;padding:0;font-size:0px;}
table.results th.separator {height:3px;padding:0;font-size:0px;}
table.patern1 {margin:15px 0px;width:646px;}
table.patern1 th{padding:8px;background-color:#aabbc9;border:1px solid #FFF;color:#FFFFFF;text-align:left;}
table.patern1 td{padding:8px;background-color:#e1e9f1;border:1px solid #FFF;}


table.basic {width:646px;}
table.basic th {width:200px;padding:14px;background-color:#aabbc9;border:1px solid #FFF;color:#FFFFFF;text-align:left;}
table.basic td {padding:14px;background-color:#e1e9f1;border:1px solid #FFF;color:#000;text-align:left;}

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

 group
 
----------------------------------------------*/
.categoryBlock{}
.categoryBlock .text {float:left;width:360px;background-color:#CCCCCC;}
.categoryBlock .groupLogoArea{float:right;width:260px;background-color:#99CCFF;}
.categoryBlock .groupLogoArea img {float:left;margin-right:10px;margin-bottom:10px;}

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

utlity

---------------------------------------*/
.more {padding:3px 0px;text-align:right;}
.more a{padding-left:10px;background:url(../img/bg_more.gif) 0 50% no-repeat;}

.mainContents .toTop {margin-bottom:0;padding:5px 0px 0px;text-align:right;}
.mainContents .toTop a{padding-left:15px;background:url(../img/bg_to_top.gif) 0 50% no-repeat;}

.breadCrumbs {padding-bottom:10px;overflow:hidden;font-size:80%;background-color:#FFFFFF;}
.breadCrumbs ul{margin-left:-10px;}
.breadCrumbs li {display:inline;padding-left:12px;padding-right:5px;background:url(../img/bg_bread_crumbs.gif) 0 50% no-repeat;}

ul.caution {text-indent:-1.2em;padding-left:1.2em;margin:15px 0px;}
ul.caution li {background-image:none;}

table.informationBox {width:99.9%;border:1px solid #CCC;}
table.informationBox td {padding:10px;}
table.informationBox dt {margin-bottom:15px;font-weight:bold;}

.icon {padding-right:8px;vertical-align:middle;}

.outsideLink img {padding:0 5px;}

.link {padding-left:10px;background:url(../img/list_arrow_01.gif) no-repeat 0 50%;}

.writtenBy{text-align:right;}

.bannerArea {padding-left:14px;padding-top:5px;padding-bottom:10px;}

.contactUs {font-size:115%;}

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

sticky footer

---------------------------------------*/
.footer {width:950px;margin:0 auto;}
html, body {
	height: 100%;
}
.container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -83px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 83px; /* .push must be the same height as .footer */
}
.container {background:url(../img/bg_main_contents.gif) repeat-y 0 0 ;}


.blockWithImage .textArea {float:left;width:450px;}
.blockWithImage .imageArea {margin-left:460px;text-align:right;}
.blockWithImage .imageArea img{/*margin-left:10px;*/margin-bottom:10px;}





