@charset "utf-8";

/* CSS Information ==============================
File name: home.css
Date: 2010.1
Table of contents:
 +home
 +magazine
 +companyinfo
 +privacy
 +sitemap
 +clearfix
============================================== */

/*====================
 +home
====================*/
.home #magazine,
.home #topnews,
.home #topcolumn,
.home #topinfo {
    width: 620px;
	margin-bottom: 20px;
	}
.home #magazinebox {
    width: 265px;
	font-size: 75%;
    }
.home #magazinebox {
    float:left;
	}
.home #maga-img {
    margin-bottom:10px;
	}
.home #maga-index {
    width: 335px;
	}
.home #maga-index {
    float:right;
	}
.home #maga-index h3 {
	}
.home #maga-index h2,
.home #topnews h2,
.home #topcolumn h2,
.home #maga-index h3,
.home #topinfo h2 {
    margin-bottom: 10px;
	}

.home #maga-index p,
.home #topnews dl{
    margin-bottom: 8px;
	}
.home #maga-index h3 {
    padding-bottom: 2px;
    border-bottom: 1px solid #727272;
	}
.home #maga-index h3,
.home #maga-index strong {
    font-weight:bold;
	font-size: 95%;
	}
.home #maga-contents p,
.home #topnews,
.home #topcolumn {
    font-size:75%;
	}
.home #topnews li {
    margin-bottom: 3px;
	}
.home #maga-contents h4 {
    font-weight: bold;
	font-size: 85%;
	}
.home #maga-contents ol,
.home #maga-contents ul {
    font-size: 75%;
	}
.home #maga-contents ol {
    margin-bottom: 10px;
	}
.home #maga-contents ul li {
    text-indent: 18px;
	background-image: url(../image/arrowsmall.png);
    background-repeat:no-repeat;
    background-position:0 1px;
	}
.home .maga-btn {
    margin-bottom:10px;
	}
.home .maga-btn li {
    display:inline;
	}
.home .commentbox {
    border: 1px solid #dddddd;
	text-align:center;
	}
.home .commentbox {
    padding:4px;
	}
.home .commentbox p {
    text-align:left;
    padding-bottom: 4px;
	}	
.home #topnews dt {
    font-weight:bold;
	font-size: 120%;
	}
.home #topinfo ul {
    font-size: 75%;
	}
.home #topinfo ul h3 {
    font-size: 120%;
	font-weight: bold;
	}
.home #topinfo .left {
    float: left;
	padding-right: 10px;
    }
.home #topinfo .imgleft {
    margin-bottom: 10px;
	padding-bottom: 10px;
    }
.home #topinfo .imgleft {
    border-bottom: 1px solid #727272;
	}
.home #topnews li,
.home #topinfo li.nomal,
.home #topcolumn li.nomal {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../image/arrowsmall02.png)  no-repeat scroll 0 2px;
    padding-left:12px;
    }

.home #topnews li span.date {
	padding-right: 5px;
	}
.home #topnews li img {
    vertical-align:middle;
	padding-right: 5px;
	}
.home #topnews ul.line {
    margin-bottom:10px;
    border-bottom: 1px solid #727272;
	}
	
.home #topnews h3.event{
    font-weight: bold;
	margin-bottom: 10px;
	}
.home #topcolumn h3 {
    margin-bottom: 15px;
	}
.home #topcolumn .topcolumnbox {
    margin-bottom: 10px;
	border-bottom: 1px solid #727272;
    }
.home #topcolumn li.topcolumnimg {
    float:left;
	}
.home #topcolumn li.leftbox {
    padding-left: 85px;
    }
.home #topcolumn ul {
    padding-bottom: 10px;
	margin-bottom: 5px;
	}
.home #topcolumn ul.bottom {
    border-bottom: 1px solid #aaa;
	}
.home #topcolumn ul h4 {
    font-size: 120%;
	font-weight:bold;
	}
.home #topcolumn ul h4.title02 {
    font-size: 100%;
	font-weight:bold;
	line-height: 1.4em;
	}
.home .topcolumnright {
    float:right;
	}
.home .topcolumnright {
    width:520px;
	margin-bottom: 10px;
	}
.home .topcolumnright dt {
    padding-bottom: 8px;
    }
.home .topcolumnright dd.column-title {
    font-size:115%;
	font-weight: bold;
	}
.home .topcolumnright dd.more img {
    padding-right: 5px;
    }
.home .topcolumnright dd.bottom {
    margin-bottom: 5px;
	}
.home #topcolumn ul li img {
    vertical-align:middle;
	padding-right: 5px;
    }

/*  2011/06 text AD   */
.home #topinfo div {
    padding: 5px 5px 5px;
	border: 1px solid #999;
	}
.home #topinfo p {
    font-size: 75%;
	background:transparent url(../image/arrow-s03.gif) no-repeat scroll 21px 2px;
	}
.home #topinfo strong {
    font-weight: bold;
	margin-right: 14px;
	}
/*====================
 +magazine
====================*/
.magazine #maga-contents dt {
	font-weight:bold;
	}
.magazine #maga-contents dd {
    font-size: 75%;
	}
.magazine #contents02 {
    font-size:75%;
	}
.magazine #contents02 h2 {
    margin-bottom: 10px;
	}
.magazine #contents02 h3 {
    margin-bottom: 5px;
	padding-bottom: 2px;
	font-weight:bold;
	border-bottom: 1px solid #727272;
	}
.magazine #contents02 ul{
    margin-bottom: 15px;
	}
.magazine .maga-footer {
    border-top: 1px solid #727272;
	padding-top: 8px;
	}
.magazine .maga-footer ul {
    text-align:center;
	}
.magazine .maga-footer li {
    display:inline;
	}
	
/*====================
 +companyinfo
====================*/
.companyinfo .info h2,
.privacy .privacy-info h2 {
    font-weight: bold;
	font-size:90%;
	margin-bottom: 15px;
	padding-bottom: 3px;
    }
.companyinfo .info h2,
.privacy .privacy-info h2 {
    border-bottom: 1px solid #ccc;
	}
.companyinfo .info dl {
    font-size:75%;
	margin-bottom: 15px;
	}
.companyinfo .info dt {
    color:#555;
    float:left;
	font-weight: bold;
	}
.companyinfo .info dd {
    margin-bottom: 8px;
	}

/*====================
 +privacy
====================*/
.privacy .privacy-info p {
    font-size:75%;
	line-height: 1.7;
	margin-bottom: 15px;
	}

.privacy .privacy-info h3 {
    font-size: 85%;
    font-weight: bold;
	margin-bottom: 3px;
	}
	
/*====================
 +sitemap
====================*/
.sitemap .info h2 {
    font-weight: bold;
	font-size:90%;
	margin-bottom: 15px;
	padding-bottom: 3px;
    }
.sitemap .info h2 {
    border-bottom: 1px solid #ccc;
	}
.sitemap .info dl {
    font-size:75%;
	margin-bottom: 15px;
	}
.sitemap .info .last {
    margin-bottom: 0;
	}
.sitemap .info dt {
    color:#555;
	font-weight: bold;
	}
.sitemap .info dd {
    /* margin-bottom: 5px; */
	}
.sitemap .info p {
    margin-bottom: 15px;
	font-size: 75%;
	}
.sitemap .info dt img,
.sitemap .info p img {
    vertical-align: middle;
    padding-right: 5px;
	}
	
/*====================
 +introduction
====================*/
.intro .introbox h2{
    font-weight:bold;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom: 15px;
	}
.intro .introbox h2 {
    border-bottom: 1px solid #666;
	border-left: 3px solid #be1919;
	}
.intro .introbox .ph01 {
    float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	}
.intro .mainbox ul,
.intro .introbox ul.subbox {
    width: 323px;
	padding:5px;
	margin-bottom: 15px;
    border: 1px solid #666; 
	}
.intro .mainbox ul h3 {
    font-size:85%;
    font-weight:bold;
	margin-bottom: 5px;
	}
.intro .mainbox ul li,
.intro .introbox ul.subbox li {
    font-size: 75%;
	line-height: 140%;
	}
.intro .introbox p.textr {
    font-size: 75%; margin-bottom: 10px;
	}
.intro .introbox ul.back {
    margin-bottom: 15px;
	}
.intro .introbox ul.back li {
    font-size:120%;
	font-weight: bold;
	display: inline;
	}

/* ----------------------------------
chrome
---------------------------------- */
body:nth-of-type(1) #selector {
	property: value;
}

/*====================
 +clearfix
====================*/
.home #magazine:after,
.home #magazinebox:after,
.home #maga-index:after,
.home .topcolumnbox:after,
.home #topinfo:after,
.home #topinfo ul.imgleft:after,
.home #topcolumn ul:after,
.intro .introbox .mainbox:after {
  content: url(../image/pixel.gif);
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}