@charset "utf-8";

/* ****************************************************
index.css
Define index layout.
***************************************************** */

/* ****************************************************
1: layout common setting
2: Header
3: Footer
4: Common setting
5: twitter
5: twitter (add 2010/02/12)
99: extra
***************************************************** */

/*1: layout common setting
=========================================*/
/* container */
body#index #container {
	margin:0 auto;
	width:990px;
	padding:0;
	text-align:center;
}

/* Contents */
body#index div#contents {
	background:none;
	line-height:1.4;
	padding:0;
	margin:0 20px;
}

/*2: Header
=========================================*/

/* Header logo part */
body#index #header {
	margin:0 20px;
}

/* Global-navi */
body#index #global-navi {
	padding:0;
}

/*3: Footer
=========================================*/
body#index #footer {
	margin:12px 20px 0;
}

/*4: Common setting
=========================================*/

/* ==================================
Finding and text
================================== */
/* headline design */
body#index div#contents .design-6 {
	clear: both;
	margin: 6px 0 0 0;
	font-size:83%;
	color:#333333;
	font-weight: bold;
}

/*===================================
Column
===================================*/
body#index div#contents div.two-column {
	clear: both;
	width:950px;
}

/* 2Column */
body#index div#contents div.two-left {
	width:650px;
	float:left;
}
body#index div#contents div.two-right {
	width:280px;
	float:right;
}

/*===================================
Layout with frame
===================================*/
/* frame-box */
body#index div#contents div.information-box-01 {
	clear:both;
	width:650px;
}
body#index div#contents div.information-box-01 {
	padding:0;
	background:url(../../images/index_bg008.gif) repeat-y left top;
}
body#index div#contents div.information-box-01 div.wrap {
	padding:5px 0 0 0;
	background:url(../../images/index_bg001.gif) no-repeat left top;
}
body#index div#contents div.information-box-01 div.inner {
	padding:0 20px 20px 15px;
	background:url(../../images/index_bg002.gif) no-repeat left bottom;
}
/* for IE6 */
* html body#index div#contents div.information-box-01 div.wrap,
* html body#index div#contents div.information-box-01 div.inner {
	height:1px;
}

body#index div#contents div.information-box-01 div.inner div.three-column {
	clear: both;
	width:610px;
	margin:15px 0 0 0;
}

/* 2Column */
body#index div#contents div.information-box-01 div.inner div.three-left {
	width:80px;
	float:left;
	margin:0 9px 0 0;
	text-align:right;
	font-size:0;
}
body#index div#contents div.information-box-01 div.inner div.three-center {
	width:271px;
	float:left;
}
body#index div#contents div.information-box-01 div.inner div.three-right {
	width:208px;
	float:right;
}

body#index div#contents div.information-box-01 div.wrap div.inner div.three-column div.wrap {
	background: url(../../images/index_bg007.gif) no-repeat 387px center;
	padding:0 0 0 5px;
}
body#index div#contents div.information-box-01 div.wrap div.inner div.three-column div.bottom-type {
	background: url(../../images/index_bg011.gif) no-repeat 387px center;
	padding:0 0 0 5px;
}
body#index div#contents div.information-box-01 div.inner div.three-left .icon-img {
	margin:3px 0 0 0;
}
body#index div#contents div.information-box-01 div.inner div.three-center p {
	margin:0 0 0 17px;
}
body#index div#contents div.information-box-01 div.inner div.three-right p,
body#index div#contents div.information-box-01 div.inner div.three-right ul.icon-list {
	margin:8px 0 0 0;
	font-size:67%;
}
body#index div#contents div.information-box-01 .overall,
body#index div#contents div.information-box-01 .bs1,
body#index div#contents div.information-box-01 .bs2,
body#index div#contents div.information-box-01 .r1 {
	margin:0;
	background-position:0 0.1em;
}
/* for IE7 */
*:first-child+html body#index div#contents div.information-box-01 .overall,
*:first-child+html body#index div#contents div.information-box-01 .bs1,
*:first-child+html body#index div#contents div.information-box-01 .bs2,
*:first-child+html body#index div#contents div.information-box-01 .r1 {
	background-position:0 0.3em;
}

/* dot line */
body#index div#contents div.information-box-01 .dot-line {
	padding:15px 0 0 0;
	background:url(../../images/index_bg006.gif) no-repeat left top;
}
body#index div#contents div.information-box-01 .dot-line2 {
	padding:15px 0 0 0;
	background:url(../../images/index_bg010.gif) no-repeat left top;
}

body#index div#contents div.information-box-02 {
	clear:both;
	width:280px;
}
body#index div#contents div.information-box-02 {
	padding:0;
	background:url(../../images/index_bg009.gif) repeat-y left top;
}
body#index div#contents div.information-box-02 div.wrap {
	padding:5px 0 0 0;
	background:url(../../images/index_bg003.gif) no-repeat left top;
}
body#index div#contents div.information-box-02 div.inner {
	padding:0 20px 20px 20px;
	background:url(../../images/index_bg004.gif) no-repeat left bottom;
}
/* for IE6 */
* html body#index div#contents div.information-box-02 div.wrap,
* html body#index div#contents div.information-box-02 div.inner {
	height:1px;
}

body#index div#contents div.information-box-02 div.inner dt {
	margin:15px 0 0 0;
}
body#index div#contents div.information-box-02 div.inner dd p {
	margin:0;
}
body#index div#contents div.information-box-02 div.inner dd p a {
	font-weight:normal;
}

body#index div#contents div.information-box-03 {
	margin:15px 0 0 0;
}
body#index div#contents div.information-box-03 div.information-body {
	padding:0 20px 0 20px;
	background:url(../../images/index_bg005.gif) no-repeat left top;
	font-size:0;
	height:91px;
}
body#index div#contents div.information-box-03 div.information-body ul {
	padding:14px 0 0 0;
}
body#index div#contents div.information-box-03 div.information-body ul li {
	margin:0 0 11px 0;
}
body#index div#contents div.foot-link {
	clear:both;
	margin:30px 0 0 0;
	font-size:0;
}
body#index div#contents div.foot-link ul li {
	float:left;
}


/*5: twitter
=========================================*/
#weekly-topics .detail dl dt span.ns{
	display:block;
	background:url(../../images/theme_icon.gif) left top no-repeat;
	padding-left:15px;
	margin:0;
	zoom: 1;
}

#weekly-topics .detail dl dd div#twitter{
	background:url(../../images/twitter_btm.gif) left bottom no-repeat;
	zoom: 1;
	}

#weekly-topics .detail dl dd div#twitter ul{
	padding:5px;
	background:url(../../images/twitter_bk.gif) left top repeat-y;
	zoom: 1;
	}

#weekly-topics .detail dl dd div#twitter a img#twitter-follow{
	padding:0 5px 0 120px;
}


/*5: weekly-topics
=========================================*/
/* add 090625 */
#weekly-topics{
	background:url(../img/weekly-topic_bk.gif) no-repeat left top #eeeeee;
	padding:15px;
}

#weekly-topics .topic-contents{/* use clear fix */
	margin:0;
	padding:0;
}


.icon{
	float:left;
	width:80px;
	margin:0 10px 0 0;
}

.icon img.xs-img{
	display:block;
	padding:1px;
	background: #fff;
	border:1px solid #CCC;
	margin-bottom:3px;
}

.title-area{
	width:300px;
}

#weekly-topics .topic-contents h2{
	font-size:80%;
	margin:0;
	padding:0;
}

#weekly-topics h2 .g-media {
	padding: 0 0 3px 17px;
	background: url(../images/com_ic005.gif) no-repeat 0 0.3em;
	zoom:1;
}

div.detail{
	float:right;
	width:530px;
	position:relative;
}

div.detail dl dt{
	float:left;	
	width:310px;
	font-size:80%;
}

div.detail dl dd{
	float:right;
	width:200px;
}

div.detail dl dt span.attention{
	font-size:80%;
	background: none;
}


.detail ul li{
	font-size:70%;
}

.weekly-topic-period{
	clear:both;
	background:url(../img/weekly-topic_period.gif) no-repeat 0 50%;
	height:30px;
	position:relative;
}

.program-period2{
	clear:both;
	background:url(../img/weekly-topic_period2.gif) no-repeat left center;
	padding:5px 0;
	zoom: 1;
}

.weekly-topic-end{
	background:url(../img/weekly-topic_btm.gif) no-repeat left bottom;
	margin:0 -15px -15px -15px;
	height:15px;
}

/*5: weekly-topics
=========================================*/
/* add 100816 */

* html body#index div#contents #weekly-topics .detail dl dd div#twitter,
* html body#index div#contents #weekly-topics .detail dl dd div#twitter-ttl{
	display:none;
}

/*99: extra
=========================================*/
/* ==================================
Clear fix
================================== */
body#index div#contents div.foot-link ul:after,
body#index div#contents div.information-box-01 div.wrap div.inner div.three-column div.wrap:after,
.topic-contents:after,
.detail:after,
.detail dl:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

body#index div#contents div.foot-link ul,
body#index div#contents div.information-box-01 div.wrap div.inner div.three-column div.wrap,
.topic-contents,
.detail,
.detail dl{
	min-height: 1px;
}

/* for IE6 */
* html body#index div#contents div.foot-link ul,
* html body#index div#contents div.information-box-01 div.wrap div.inner div.three-column div.wrap,
* html .topic-contents,
* html .detail,
* html .detail dl{
	height: 1px;
}

/* for IE7 */
*:first-child+html body#index div#contents div.foot-link ul,
*:first-child+html body#index div#contents div.information-box-01 div.wrap div.inner div.three-column div.wrap,
*:first-child+html .topic-contents,
*:first-child+html .detail,
*:first-child+html .detail dl{
	zoom: 1;
}