@charset "utf-8";
/* ****************************************************
Since : 2008-07-25
Last Modified: 2008-07-25
***************************************************** */	
/* ****************************************************
1: index.html
2: corporate.html
99: extra
***************************************************** */

/*1: index.html
=========================================*/
body#index div#header {
	border-bottom: none;
}
body#index div#contents {
	margin-top: 10px;
	line-height:1.4;
}
body#index div#contents div.two-column {
	clear: both;
	width: 900px;
}
/* 2Column */
body#index div#contents div.two-left {
	width:570px;
	float:left;
}
body#index div#contents div.two-right {
	width:310px;
	float:right;
}
body#index div#contents div.two-right div.inner {
	border: 1px solid #d5d5d5;
	padding: 13px;
}

/* banner */
body#index .pb0 {
	padding-bottom: 0;
} 
body#index div#contents div.banner-area {
	background: url(../../images/index_bg01.gif) repeat-x 0 bottom;
	padding: 10px 10px 10px 15px;;
	border: 1px solid #d5d5d5;
}
body#index div#contents div.banner-area h3 {
	float: left;
}
body#index div#contents div.banner-area ul {
	float: right;
}
body#index div#contents div.banner-area ul li {
	float: left;
	margin-left: 8px;
}

/* bt-area */
body#index div#contents div.two-right dl.bt-area {
	border: 1px solid #d5d5d5;
	padding: 13px 13px 4px;
}

body#index div#contents div.two-right dl.bt-area li{
	float: left;
	padding-bottom: 9px;
}
body#index div#contents div.two-right dl.bt-area li.left{
	margin-right: 5px;
}

/* Topic */
body#index div#contents dl.article {
	clear:both;
	width:540px;
	margin-top:10px;
}
body#index div#contents .design-topic {
	clear: both;
	margin: 10px 0 0 0;
	position:relative;
	border-bottom:solid 1px #bbbbbb;
}
/* RSS */
body#index div#contents #topics-area {
	position: relative;
}
body#index div#contents #topics-area .rss-text {
	position:absolute;
	top:8px;
	right:0;
	font-size: 83%;
}
/* for IE6 */
* html body#index div#contents #topics-area .rss-text {
	top:0;
}
/* for IE7 */
*:first-child+html body#index div#contents #topics-area .rss-text {
	top:0;
}

body#index div#contents #topics-area .rss-text li{
	display: inline;
	margin: 0 0 0 10px;
}
body#index div#contents #topics-area .rss-text li .rss-icon{
	display: inline-block;
}
/* for IE6 */
* html body#index div#contents #topics-area .rss-text li .rss-icon{
	margin-left: 7px;
}
* html body#index div#contents #topics-area .rss-text li .rss-icon img{
	vertical-align: middle;
}
/* for IE7 */
*:first-child+html body#index div#contents #topics-area .rss-text li .rss-icon img{
	vertical-align: middle;
}

body#index div#contents #topics-area .icon-link {
	background: url(../images/com_ic002.gif) no-repeat 0 0.3em;
}
/* for IE6 */
* html body#index div#contents #topics-area .icon-link {
	background: url(../images/com_ic002.gif) no-repeat 0 0.5em;
}

body#index div.comment-area{
	width:100%;
	border: solid 1px #d5d5d5;
	margin:20px 0 0;
	padding:8px 0;
	}

body#index div.comment-area p.txt01{
	text-align:left;
	margin:0 0 0 10px;
	}

body#index div.comment-area p.txt02{
	text-align:right;
	margin:14px 10px 0 0;
	}


/*2: corporate.html
=========================================*/
/* Contents */
body#corporate div#contents {
	background: none;
	line-height:1.4;
	margin:0 10px;
}
/* RSS */
body#corporate div#contents #topics-area {
	position: relative;
}
body#corporate div#contents #topics-area .rss-text {
	position:absolute;
	top:8px;
	right:0;
	font-size: 83%;
}
/* for IE6 */
* html body#corporate div#contents #topics-area .rss-text {
	top:0;
}
/* for IE7 */
*:first-child+html body#corporate div#contents #topics-area .rss-text {
	top:0;
}
body#corporate div#contents #topics-area .rss-text li{
	display: inline;
	margin: 0 0 0 10px;
}
body#corporate div#contents #topics-area .rss-text li .rss-icon{
	display: inline-block;
}
/* for IE6 */
* html body#corporate div#contents #topics-area .rss-text li .rss-icon{
	margin-left: 7px;
}
* html body#corporate div#contents #topics-area .rss-text li .rss-icon img{
	vertical-align: middle;
}
/* for IE7 */
*:first-child+html body#corporate div#contents #topics-area .rss-text li .rss-icon img{
	vertical-align: middle;
}
body#corporate div#contents #topics-area .icon-link {
	background: url(../images/com_ic002.gif) no-repeat 0 0.3em;
}
/* for IE6 */
* html body#corporate div#contents #topics-area .icon-link {
	background: url(../images/com_ic002.gif) no-repeat 0 0.5em;
}

/*===================================
footer
===================================*/
/* Pageup box */
body#corporate #footer #pageup-box {
	background:none;
}

/*===================================
Common setting
===================================*/
/* Column */
body#corporate div#contents div.two-column,
body#corporate div#contents div.three-column {
	clear: both;
	width:900px;
}
body#corporate div#contents div.three-left {
	width:286px;
	float:left;
	margin:0 21px 0 0;
}
body#corporate div#contents div.three-center {
	width:286px;
	float:left;
	margin:0;
}
body#corporate div#contents div.three-right {
	width:286px;
	float:right;
}

/* Ph-right-type */
body#corporate div#contents div.ph-right-type1 div.two-left {
	width:593px;
	float:left;
}
body#corporate div#contents div.ph-right-type1 div.two-right {
	width:286px;
	float:right;
}

/* Layout with frame */
body#corporate div#contents dl.frame-box {
	clear:both;
	margin:20px 0 0 0;
	width:286px;
	border-top:1px solid #cccccc;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
body#corporate div#contents div.frame-layout {
	background:url(../../images/corporate_bg001.gif) no-repeat left bottom;
	padding:0 0 20px 0;
}
body#corporate div#contents dl.frame-box dt {
	padding:10px;
	border-top:none;
	background:none;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
div#contents dl.frame-box dd {
	padding:0;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
body#corporate div#contents dl.frame-box dd div.two-column {
	clear: both;
	width:266px;
	margin:0 0 0 10px;
}
body#corporate div#contents dl.frame-box dd div.two-left {
	width:88px;
	float:left;
}
body#corporate div#contents dl.frame-box dd div.two-left p {
	margin:0;
}
body#corporate div#contents dl.frame-box dd div.two-right {
	width:168px;
	float:right;
}
body#corporate div#contents dl.frame-box dd div.two-right p.title {
	margin:5px 0 0 0;
}
body#corporate div#contents dl.frame-box dd ul {
	clear: both;
	margin:5px 0 0 10px;
	width:auto;
	float:none;
}
body#corporate div#contents dl.frame-box dd ul li {
	margin:5px 0 0 0;
	float:left;
	width:133px;
	line-height:1.1;
	background: url(../images/com_ic002.gif) no-repeat 0 0.3em;
}
body#corporate div#contents dl.frame-box dd ul li.icon-link {
	padding:0;
}
body#corporate div#contents dl.frame-box dd ul li.icon-link a {
	margin:0 5px 0 12px;
	display:block;
	width:auto;
}

/* topic */
body#corporate div#contents dl.article {
	clear:both;
	width:593px;
	margin-top:10px;
	padding:0 0 20px 0;
}
* html body#corporate div#contents .design-topic .title-text {
	top:8px;
	right:0;
}

div#contents .design-topic {
	margin: 10px 0 0 0;
}


/*99: extra
=========================================*/

/* ==================================
Clear fix
================================== */
body#index div#contents #topics-area .rss-text:after,
body#index div#contents div.two-right dl.bt-area ul:after,
body#corporate div#contents dl.frame-box dd:after,
body#index div#contents div.banner-area:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
body#index div#contents #topics-area .rss-text,
body#index div#contents div.two-right dl.bt-area ul,
body#corporate div#contents dl.frame-box dd,
body#index div#contents div.banner-area {
	min-height: 1px;
}

/* for IE6 */
* html body#index div#contents #topics-area .rss-text,
* html body#index div#contents div.two-right dl.bt-area ul,
* html body#corporate div#contents dl.frame-box dd,
* html body#index div#contents div.banner-area {
	height: 1px;
}

/* for IE7 */
*:first-child+html body#index div#contents #topics-area .rss-text,
*:first-child+html body#index div#contents div.two-right dl.bt-area ul,
*:first-child+html body#corporate div#contents dl.frame-box dd,
*:first-child+html body#index div#contents div.banner-area {
	zoom: 1;
}