@charset "utf-8";

/* CSS Information *************************************
Description: top css
Last created date: 2010/1/27
***************************************************** */

/* index of contents
----------------------------------------

* content
* contentsHeadWrapper
* contentsHead
  -vi
  -banner
* contetnsBody
  -primary
   -informationArea
    -blog
	-information
   -aside
   -scoop
  -banner
*

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

/* content
-------------------------------------------------------------------------------------------------------*/
body#topBody #content {
	background: none;
}


/* contentsHeadWrapper
-------------------------------------------------------------------------------------------------------*/
body#topBody #content #contentsHeadWrapper {
	padding-bottom: 10px;
	background: url(../img/contentsHeadWrapper_bg_01.gif) left bottom no-repeat;
}

/* contentsHead
-------------------------------------------------------------------------------------------------------*/
body#topBody #content #contentsHead {
	background: url(../img/ind_bg03.gif) left top repeat-y;
}

/* vi
----------------------------------------------------------------------------------------*/
body#topBody #content #contentsHead #vi {
	width: 745px;
	float: left;
}

/* banner
----------------------------------------------------------------------------------------*/
body#topBody #content #contentsHead .banner {
	width: 200px;
	float: left;
	display: inline;
	margin: 5px 0 0 5px;
}

body#topBody #content #contentsHead .banner .btnLarge {
	margin-bottom: 5px;
}


/* contentsBody
-------------------------------------------------------------------------------------------------------*/
body#topBody #content #contentsBody {
	background: url(../img/contensBody_bg_01.gif) left top repeat-y;
}

/* primary
----------------------------------------------------------------------------------------*/
body#topBody #content #contentsBody #primary {
	width: 645px;
	float: left;
}

body#topBody #content #contentsBody #primary #primaryContent {
	margin-bottom: 20px;
	padding: 35px 0 0 20px;
}

/* informationArea
-------------------------------------------------------------------------*/
body#topBody #content #contentsBody #primary #primaryContent #informationArea {
	width: 290px;
	float: left;
	margin-right: 25px;
}

/* blog
----------------------------------------------------------*/
body#topBody #content #contentsBody #primary #primaryContent #informationArea #blog {
	margin-bottom: 25px;
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #blog p.leed {
	margin-bottom: 5px;
	text-align: right;
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #blog #blogContent {
	padding: 3px;
	border: 2px solid #c39f74;
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #blog #blogContent p.photo {
	margin-bottom: 10px;
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #blog #blogContent p.photo a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #blog #blogContent dl {
	margin-left: 10px;
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #blog #blogContent dl dt {
	font-weight: bold;
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #blog #blogContent dl dd {
	padding-left: 8px;
	background:url(../img/ind_icn01.gif) left 6px no-repeat;
}

/* information
----------------------------------------------------------*/
body#topBody #content #contentsBody #primary #primaryContent #informationArea #information {
	padding-bottom: 12px;
	background: url(../img/borderBtm_bg_01.gif) left bottom repeat-x;
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #information .entryInfo {
	margin-top: 7px;
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #information .entryDay {
	font-weight: bold;
}

body#topBody #content #contentsBody #primary #primaryContent #informationArea #information .entryTitle {
	padding-left: 8px;
	line-height: 1.4;
	background:url(../img/ind_icn01.gif) left 6px no-repeat;
}

/* aside
-------------------------------------------------------------------------*/
body#topBody #content #contentsBody #primary #aside {
	margin: 0 0 30px 20px;
}

body#topBody #content #contentsBody #primary #aside a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

body#topBody #content #contentsBody #primary #aside .colLeft {
	width: 290px;
	float: left;
	margin-right: 25px;
}

body#topBody #content #contentsBody #primary #aside .colRight {
	width: 290px;
	float: left;
}
body#topBody #content #contentsBody #primary #aside .colRight ul{
	margin-top:5px;
}
body#topBody #content #contentsBody #primary #aside .colRight ul li.item01 {
	float: left;
	margin-right:5px;
}

body#topBody #content #contentsBody #primary #aside .colRight ul li.item02 {
	float: left;
}


/* scoop
-------------------------------------------------------------------------*/
body#topBody #content #contentsBody #primary #primaryContent #scoop {
	width: 290px;
	float: left;
}

body#topBody #content #contentsBody #primary #primaryContent #scoop .entryScoop {
	margin-top: 10px;
	padding-bottom: 10px;
	background:url(../img/ind_border04.gif) left bottom no-repeat;
}

body#topBody #content #contentsBody #primary #primaryContent #scoop .entryImg {
	width: 65px;
	float: left;
}

body#topBody #content #contentsBody #primary #primaryContent #scoop .entryTxt {
	width: 215px;
	float: right;
}

body#topBody #content #contentsBody #primary #primaryContent #scoop .entryTxt .entryDay {
	font-weight: bold;
}

body#topBody #content #contentsBody #primary #primaryContent #scoop .entryTxt .entryTitle {
	padding-left: 8px;
	line-height: 1.4;
	background:url(../img/ind_icn01.gif) left 6px no-repeat;
}

body#topBody #content #contentsBody #primary #primaryContent #scoop .entryBorder {
}


/* banner
----------------------------------------------------------------------------------------*/
body#topBody #content #contentsBody .banner {
	width: 300px;
	float: left;
	display: inline;
	margin: 5px 0 0 5px;
}

body#topBody #content #contentsBody .banner .btnLarge {
	margin-bottom: 5px;
}

body#topBody #content #contentsBody .banner .btnLarge p.txt {
	text-align: right;
	font-size: 10px;
	color: #999999;
}