/******************************************************************************/
/* top.css for sora */
/******************************************************************************/

/* Header */
#Header {
	position:relative;
	float: left;
  width: 100%;
  height: 600px;
}
#HeaderColumn {
	position:relative;
  width: 1000px;
  height: 400px;
	left:50%;
	top:-40px;
  margin-left: -450px;
}

* html #HeaderColumn {
	position:absolute;
	top:140px;
	left:50%;
  margin-left: -500px;
  width: 1000px;
  height: 400px;
}

div.HeaderColumnL {
	float:left;
	width: 600px;
  	height: 400px;
	padding:10px;
	text-align:left;
}
div.HeaderColumnR {
	float:left;
  	width: 300px;
  	height: 400px;
	padding:10px;
	margin-left:40px;
	margin-top:10px;
	text-align:left;
}

#HeaderColumn a {
	text-decoration: none;
	border-bottom: 1px dotted;
}
div.HeaderColumnL a {
	text-decoration: none;
	border-bottom: 1px dotted;
}
div.HeaderColumnR a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

div.HeaderColumnL p {
   font-size: 140%;
}
div.HeaderColumnL p:first-child:first-letter {
   font-size: 270%;
   float: left;
   line-height: 1;
   background-color: blue;
   color: white;
   padding: 3px;
   margin-right: 5px;
}

/* これ以下はMac版IEでは無効 \*/
div.HeaderColumnL p:first-letter {
   〜〜〜
}
/* ここまで */


#Header div#Logo {
	float: left;
	padding-top: 18px;
	padding-left: 20px;
}
#Header div#Sitename {
	float: left;
	margin-left:-135px;
	margin-top:40px;
	padding:10px;
	padding-top:4px;
	padding-bottom:4px;
	font-weight: bold;
	font-size: 240%;
}
#Header div#Slogan {
	float: left;
	margin-left:-80px;
	margin-top:85px;
	font-size: 100%;
}
#Header a:link,
#Header a:visited {	
    color: #FFF;
	text-decoration: none;
}


#Wrapper {
    background:url(images/content-back.png) no-repeat;
}

#Container {
    background:transparent;
}
* html #Container {
    background:url(images/content-back.png) no-repeat;
}

#CenterWrapper {
    background:url(images/content-back.png) no-repeat;
}

#CenterColumn {
    background:transparent;
}

/* Left Right Column */
#LeftColumn {
    background:transparent;
}
#RightColumn {
    background:transparent;
}


/* Left Right Column Title */
#LeftColumn h2.BlockTitle_a {
	color:#000;
    background:transparent;
	border-bottom: #0a5300 1px dashed;
}
#LeftColumn h2.BlockTitle_b {
	color:#000;
    background:transparent;
	border-bottom: #0a5300 1px dashed;
}
#LeftColumn h2.BlockTitle_c {
	color:#000;
    background:transparent;
	border-bottom: #0a5300 1px dashed;
}
#RightColumn h2.BlockTitle_a {
	color:#000;
    background:transparent;
	border-bottom: #0a5300 1px dashed;
}
#RightColumn h2.BlockTitle_b {
	color:#000;
    background:transparent;
	border-bottom: #0a5300 1px dashed;
}
#RightColumn h2.BlockTitle_c {
	color:#000;
    background:transparent;
	border-bottom: #0a5300 1px dashed;
}

div#SideTopColumn  h2.BlockTitle_a,h2.BlockTitle_b,h2.BlockTitle_c {
	color:#000;
    background:transparent;
	border-bottom: #0a5300 1px dashed;
}

div#CenterColumn  h2.BlockTitle {
	color:#000;
    background:transparent;
	border-bottom: #0a5300 1px dashed;
}

/* Left Right Column Content */
#LeftColumn .BlockContent_a {
    background:transparent;
}
#LeftColumn .BlockContent_b {
    background:transparent;
}
#LeftColumn .BlockContent_c {
    background:transparent;
}


#RightColumn .BlockContent_a {
    background:transparent;
}
#RightColumn .BlockContent_b {
    background:transparent;
}
#RightColumn .BlockContent_c {
    background:transparent;
}