/* layout */ 

#container3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#FFF; 
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:31%;
	background:#FE0000; 
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
	background:#FFF; 
}
#leftcol {
	float:left;
	width:49%;
	position:relative;
	left:51%;
	overflow:hidden;
}
#maincol {
	float:left;
	width:20.5%;
	position:relative;
	left:51%;
	overflow:hidden;
	margin-top:170px;
	border-top: 1px dotted #FFF;
}
#rightcol {
	float:left;
	width:30.5%;
	position:relative;
	left:51%;
	overflow:hidden;
}

html, body {
height: 100%;
font-size:11px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.6em;
letter-spacing: 0.1em;
background:#fff; 
color:#444;
margin:0; 
padding:0;
}

#pagewidth {
min-width:800px;  
}


			/*TOP BANNER*/
#header {
	margin:0;
	padding:0;
}

#header a {
	display:block;
	margin:0;
	padding:0;
	width:325px;
	height:170px;
	background:url(../images/logo.gif) no-repeat;
}

#header h1 {
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#ja {
	width:30%;
	height:18px;
	position:relative;
	left:60%;
}

#ja a {
	display:block;
	width:100%;
	height:18px;
	margin:0;
	padding:0;
	background:url(../images/ja_on.gif) no-repeat center #FE0000;
}

#ja a:hover {
	display:block;
	width:100%;
	height:18px;
	margin:0;
	padding:0;
	background:url(../images/en_off.gif) no-repeat center #FFF;
}

#ja h3 {
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#en {
	width:30%;
	height:18px;
	position:relative;
	left:60%;
}

#en a {
	display:block;
	width:100%;
	height:18px;
	margin:0;
	padding:0;
	background:url(../images/en_on.gif) no-repeat center #FE0000;
}

#en a:hover {
	display:block;
	width:100%;
	height:18px;
	margin:0;
	padding:0;
	background:url(../images/ja_off.gif) no-repeat center #FFF;
}

#en h3 {
	margin:0;
	padding:0;
	text-indent:-9999px;
}

			/*LEFT COLUMN*/

#leftcol h3 {
	padding:0 15px;
	font-size:12px;
}

#entry h2 {
	padding:0 15px;
	line-height: 1.5em;
}

#webproject {
	margin:0;
	padding:0 15px 10px 0;
}

#webproject a {
	display:block;
	margin:0;
	padding:0;
	width:349px;
	height:47px;
	background:url(../images/web_project.gif) no-repeat;
}

#webproject h3 {
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#relation {
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	margin:0;
	padding:5px 0 0 0;
}

#relation dl {
	padding:0 15px;
}

#relation dt {
	color:#FE0000;
	font-weight:bold;
	padding:0;
	margin:0;
}

#relation a {
	padding:0 0 0 16px;
	color:#FE0000;
	font-weight:bold;
	background:url(../images/list_img.gif) left no-repeat;
}

#relation a:hover {
	color:#FE0000;
	background:#FE0000;
}

#relation dd {
	padding:0 0 10px 0;
	margin:0;
}

#archives {
	margin:0;
	padding:0;
}

#archives dl {
	padding:0 15px;
}

#archives dt {
	color:#FE0000;
	font-weight:bold;
	background:url(../images/list_img.gif) left no-repeat;
	padding:0 0 0 16px;
	margin:0;
}

#archives a {
	color:#FE0000;
	font-weight:bold;
	background:none;
}

#archives a:hover {
	color:#FE0000;
	background:#FE0000;
}

#archives dd {
	padding:0 0 10px 0;
	margin:0;
}

.project_date {
	padding-right:10px;
}

#event_info img {
	padding:0 10px 10px 15px;
	float:left;
}

#event_info p {
	padding:30px 0 0 0;
}

#event_info ul {
	list-style-type:none;
	clear:both;
	margin:0;
	padding:0;
}

#event_info li {
	padding:0 15px 15px 20px;
}

			/*RIGHT COLUMN*/



		/*MAIN MENU*/
#navcontainer {
width: 100%;
}

#navcontainer ul {
letter-spacing: 3px;
margin: 0;
padding-left: 0;
list-style-type: none;
font-size:12px;
font-family:"lucida sans", Arial, Helvetica, sans-serif;
}

#navcontainer a {
display: block;
padding: 3px;
height:25px;
border-bottom: 1px dotted #FFF;
}

#navcontainer a:link, #navlist a:visited {
padding-top: 15px;
padding-left: 15px;
padding-right:5px;
color: #fff;
text-decoration: none;
}

#navlist li{
list-style-type:none;
}

#link_list {
list-style-image: url(../images/arrow.gif);
line-height: 1.2em;
}

#link_list ul {
margin:0 0 0 30px;
padding:0 10px 0 0;
}

#link_list li {
margin-bottom:7px;
}


			/*CENTER COLUMN*/

#maincol a:link, #maincol a:visited {
text-decoration : none;
background : inherit;
color : #FFF;
}

#maincol a:hover {
text-decoration : none;
background : inherit;
color : #CCC;
background-color:#FFFFFF;
}
			
			
			
			
			/*FOOTER*/
#footer {
clear:both;
width:100%; 
height:50px; 
border-top: 3px solid #FE0000;
background: #FFF; 
color: #666;
}

#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #000;
}

#footer a:hover {
text-decoration : underline;
background : inherit;
color : #666;
}



		 /* Float containers fix */ 

.clearfixed:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfixed{display: inline-block;}

		/* Hides from IE-mac \*/
* html .clearfixed{height: 1%;}
.clearfixed{display: block;}
		/* End hide from IE-mac */  

		/*Header Properties*/


			/*ARTICLE*/

#article_head {
margin: 0;
}

.date {
float: left;
line-height: 1.1em;
text-align: center;
border-right: 1px solid #cccccc;
padding: 6px 7px 5px 5px;
margin: 0 8px 0 0;
color:#FE0000;
}

.digit {
font-size: 150%;
font-weight: bold;
padding: 0 0 5px 0;
}

.month {
font-size: 116%;
font-variant: small-caps;
color:#FE0000;
}


.title {
font-size:11px;
font-weight: normal;
font-style:normal;
line-height: 21px;
margin: 0 0 2px 0;
padding: 0;
font-weight:bold;
}

.posted {
font-size:10px;
font-weight:bold;
}


#article_head a:link, #article_head a:visited {
text-decoration : none;
background : inherit;
color : #EF0000;
}

#article_head a:hover {
text-decoration : none;
background : inherit;
color : #FE0000;
background-color:#FE0000;
}
				
		
			/*TYPOGRAPHY*/
p {
padding: 0px 15px 10px 15px;
}

.outline {
height: 100%;
font-size:12px;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;
line-height: 1.6em;
letter-spacing: 0.1em;
background:#fff; 
color:#333;
margin:0; 
padding: 0px 15px 14px 15px;
}

h1 {
padding: 20px;
font-family: 'lucida sans', 'Trebuchet MS', Arial, Sans-serif;
font-size:26px;
font-weight:normal;
letter-spacing: 3px;
color:#EF0000;
background: transparent;
}

.catch {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
margin-left:0px;
padding: 15px 15px 2px 15px;
font-size: 22px;
letter-spacing: 2px;
color:  #FE0000;
background: transparent;
}

.catch3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
margin-left:0px;
padding: 0px 15px 2px 15px;
font-size: 22px;
letter-spacing: 2px;
color:  #FE0000;
background: transparent;
}

.catch4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
margin-left:0px;
padding: 0px 15px 0px 15px;
font-size: 14px;
letter-spacing: 2px;
color:  #FE0000;
background: transparent;
}

.centertypo {
font-size:12px;
font-family:"lucida sans", Arial, Helvetica, sans-serif;
margin-left:6px;
font-weight:normal;
padding: 8px 15px 0px 10px;
font-size: 12px;
letter-spacing: 3px;
color:  #FFFFFF;
background: transparent;
}


#footer {
font-family: 'lucida sans', 'Trebuchet MS', Arial, Sans-serif;
font-weight: normal;
letter-spacing: 1px;
}

br {
	letter-spacing: 0;
}


		/*LINKS*/
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #FE0000;
}
a:hover {
text-decoration : none;
background : inherit;
color : #FE0000;
background-color:#FE0000;
}
a:active {
text-decoration : none;
background : inherit;
color : #666;
}


		/*CLASS*/
.box {
margin-left:20px;
margin-right:20px;
margin-bottom: 20px;
background : inherit;
}

.box img {
float : left;
border : 1px dotted #FE0000;
margin : 5px 10px 10px 0;
padding : 2px;
}

.box p {
	padding:0;
}

.box2 {
margin-left:20px;
margin-right:20px;
margin-bottom: 20px;
background : inherit;
}

.box2 img {
border : 1px dotted #FE0000;
margin : 5px 10px 10px 0;
padding : 2px;
}

.clear {
clear: left;
overflow: hidden;
width: 0;
height: 0;
padding-bottom:15px;
}
.post {
background-color: #eee;
padding: 3px;
margin: 20px 10px 0 5px;
border: 0px dashed #8A795D;
font-size: 80%;
}
.post .date {
background: url(../images/clock.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .comments {
background: url(../images/comment.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .readmore {
background: url(../images/document.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
		/*IMAGES*/
.imgleft {
float : left;
border : 1px dotted #FE0000;
margin : 5px 10px 10px 0;
padding : 2px;
}


	/*soycms*/
#left_prev {
float:left;
margin-left:20px;
}
#right_next {
float:right;
margin-right:20px;
}
.clear_page {
clear:both;
margin:0;
padding:0;
height:3px;
}

#topic_path {
padding: 3px;
height:25px;
border-bottom: 1px dotted #FE0000;
font-size:10px;
font-family:"lucida sans", Arial, Helvetica, sans-serif;
letter-spacing: 3px;
padding-top: 15px;
padding-left: 20px;
}
#topic_path a{
color: #FE0000;
}

#b_back {
	float:right;
	margin:0;
	padding:0 3px 0 0;
}

#b_back a {
	display:block;
	width:101px;
	height:18px;
	margin:0;
	padding:0;
}

#b_back h5 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/b_back.gif) no-repeat;
}