@charset "utf-8";

/*=========================================================
	[ base.css ]
	content page base design
	date - creation:2010-02-01 // update:2010-09-13
=========================================================*/

/*=========================================================
	index
		1. content
=========================================================*/

/* for all */
@import "reset.css";
@import "layout.css";
/* for navigation */
@import "nav_common.css";
@import "nav_global.css";
@import "nav_local.css";
@import "nav_content.css";
/* for module */
@import "m_heading.css";
@import "m_text.css";
@import "m_box.css";
@import "m_list.css";
@import "m_table.css";

/* 1. content
=========================================================*/
/* margin-reset */
#contentInner{
	line-height:1.8;
	margin:0 .75em 2em 1.55em;
	padding-top:20px;
}
#contentInner div{line-height:1.8;}
#content p{margin:0 0 1em;}

#content h2{margin-top:0;}
#content h2,#content h3{
	margin-bottom:1.2em;
	overflow:hidden;
}
table.rowHead,table.colHead,table.complete,
table.rowBorder,table.tBorder{
	margin-top:0;
	margin-bottom:2em;
}
ul.mkType,ul.colList,.colLink,ul.mkLink,
ol.numType,ol.numType-c,ol.numType-b,ol.numNone,ol.numFlow,
dl.des-short,dl.des-single,dl.des-item,dl.des-news{
	margin-top:0;
	margin-bottom:1em;
}
dl.des-long{
	margin-top:.2em;
	margin-bottom:1em;
}

/* IE6 Only */
* html #content h2,* html #content h3,#contentInner ul,#contentInner ol,#contentInner dl{
	zoom:1;
}
#contentInner ul,#contentInner ol,#contentInner dl{
	display:table;
	padding-left:3px;
}
dl.des-long{margin-left:0;}

/* common */
.img-s div,.img-m div,.img-l div{margin-bottom:10px;}
.fright,.fleft{
	width:auto;
	height:auto;
	line-height:1;
}
.fright:after,.fleft:after{clear:both;}
.fright div{margin-left:15px;}
.fleft div{margin-right:15px;}

.img-s img,.img-m img,.img-l img{display:block;}
#content .img-s p,#content .img-m p,#content .img-l p{margin:5px 0 10px;}

/* layout box */
.laybox-s{width:504px;}
.laybox-m{width:399px;}

* html .laybox-s{width:489px;}
* html .laybox-m{width:384px;}

/* caption */
.img-s,.img-m,.img-l{
	font-size:80%;
	line-height:1.2;
	padding-top:5px;
}

/* img 25%*/
.img-s div,.img-s p{width:181px;}
.img-s img{
	width:175px;
/*	height:130px;*/
}

/* img 40%*/
.img-m div,.img-m p{width:286px;}
.img-m img{
	width:280px;
/*	height:210px;*/
}

/* img 100%*/
.img-l div{
	width:406px;
/*	width:676px; */
 	margin:0 auto;
}
.img-l img{
	width:400px;
/*	width:670px; */
/*	height:520px;*/
}

/* flat layout img */
.flat{
	display:table;
	margin:5px auto 0;
	text-align:center;
}	
.flat div{
	display:table-cell;
	padding:0 20px;
	text-align:left;
}

/* IE6 Only */
* html .flat div{
	display:inline;
	zoom:1;
}

/* IE7 Only */
*:first-child + html .flat div{
	display:inline;
	zoom:1;
}