/* CSS Document */


body {
	margin: 0;
	padding: 0;
	line-height:140%;
	color:#333;
	font-family:"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	font-size:0.8em;
	background:url(../_img/common/footerbg.jpg);
}


th,td{
	line-height:130%;
	font-family:"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
}

h1,h2,h3,h4{margin:0;padding:0;}
img{border:0;}
p{margin:0;padding:0;}

.photo_right{
	margin:0 0 15px 15px;
	float:right;
	}
.photo_left{
	margin:0 15px 15px 0;
	float:left;
	}

.font_navy{color:#006699;}
.font_darkred{color:#990000;}
.font_red{color:#FF0000;}
.font_green{color:#669900;}
.font_pink{color:#FF6699;}
.font_lightgray{color:#666;}

.font_boldnomal{font-weight:normal;}
.font_bold{font-weight:bold;}
.font_small{font-size:0.7em;}


.line_center{text-align:center;}
.line_right{text-align:right;}


a{color:#036;text-decoration:none;}
a:hover{color:#F00;text-decoration:underline;}


.margin_b5px{margin-bottom:5px;}
.margin_b10px{margin-bottom:10px;}
.margin_b20px{margin-bottom:20px;}
.margin_b30px{margin-bottom:30px;}
.margin_b40px{margin-bottom:40px;}
.margin-left10{margin-left:10px;}
.margin-right10{margin-right:10px;}


.imeoff{ime-mode: disabled;}


.clearfix{
	overflow:hidden;
	}
* html .clearfix{
  height:1%;
  overflow:visible;
}

.clear{clear:both;}





/*layout-shadow*/

#common-headshadow,#common-footshadow{
	width:1200px;
	margin:0 auto 0 auto;
}

#common-headshadow{
	z-index:2;
	position:absolute;
}
#common-footshadow{
	background:url(../_img/common/common-footshadow.jpg) no-repeat;
	height:38px;
	margin-bottom:25px;
}


#shadow-main{
	background:url(../_img/common/shadow-main.png) repeat-y;
	width:60px;
	height:100%;
	z-index:3;
	position:relative;
	left:345px;
	top:0;
}






/*layout*/



#container{
	background:url(../_img/common/common-pagebg.jpg) repeat-y;
	width:1200px;
	margin:0 auto 0 auto;
	z-index:0;
}


#contents-wrapper{
	width:1150px;
	background:url(../_img/common/new-leftbg.jpg) left bottom repeat-y;
	margin:0 auto 0 auto;
	}

#mainimg{
	width:370px;
	height:700px;
	float:left;
}

#maincontents{
	width:650px;
	float:left;
	margin:0 0 0 54px;
}


#contents-box{
	width:620px;
	float:left;
	margin-bottom:30px;
}

#contents-box-page{

}


/*side*/

#contents-sidebtn{
	width:45px;
	float:right;
	padding-top:205px;
}

#contents-sidebtn ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
#contents-sidebtn li{
	margin-bottom:5px;
	text-indent:-9999px;
}
#contents-sidebtn li a{
	display:block;
	width:45px;
	height:170px;
}

#contents-sidebtn li.side-news{background:url(../_img/common/side-btn01-off.jpg) no-repeat;}
#contents-sidebtn li.side-369project{background:url(../_img/common/side-btn02-off.jpg) no-repeat;}

#contents-sidebtn li.side-news a:hover{background:url(../_img/common/side-btn01-on.jpg) no-repeat;}
#contents-sidebtn li.side-369project a:hover{background:url(../_img/common/side-btn02-on.jpg) no-repeat;}





/*header*/


#top-header{
	margin-top:17px;
	margin-bottom:15px;
}


	
	
.top-header-right{
	width:245px;
	height:165px;
	float:right;
	background:url(../_img/top/top-rightsubtitlebg.jpg) no-repeat;
	color:#FFF;
	}
.top-header-right p{
	font-size:0.8em;
	line-height:105%;
	padding:0 0 0 3px;
}

.top-header-right p.mokuji-title{
	font-weight:bold;
	font-family:Candara,"Times New Roman", Times, serif;
	font-size:1.5em;
	padding-top:105px;
	padding-left:5px;
}

.top-header-right p.mokuji-contents{
	font-weight:bold;
	font-family:Candara,"Times New Roman", Times, serif;
	font-size:2.6em;
}




/*etc*/

.backtotop{
	margin:20px 0 20px 0;
}

.backtotop img.backtotop-center{
	margin:0 20px 0 20px;
}






/*=========================
  div#Comments, 
  div#Trackbacks
=========================*/

div#comments,
div#trackback {
	margin: 2em 0;
	_height: 1px; /* for IE6 */
}

div#comments h2,
div#trackback h2 {
	padding: 0.3em 15px;
	font-size: 116%;
	color: #fff;
	background-color: #999;
}

div#comments dl.log dt,
div#trackback dl.log dt {
	margin: 0.8em 0 0;
	font-weight: bold;
}

div#comments dl.log dt span.name,
div#trackback dl.log dt span.name {
	color: #2091da;
}

div#comments dl.log dt span.date,
div#trackback dl.log dt span.date {
	margin-left: 10px;
	color: #666;
	font-weight: normal;
}

div#comments dl.log dd,
div#trackback dl.log dd {
	margin: 0;
	padding: 0.8em 0 1em;
	border-bottom: 1px dotted #ddd;
}

div#comments dl.log dd p,
div#trackback dl.log dd p {
	margin: 0;
}




/* Comment form
---------------*/

form.post dl {
	margin: 0.5em 20px;
}

form.post p {
	margin: 1em 20px;
}

form.post dl dt {
	margin: 0.5em 0;
}

form.post dl dd {
	margin: 0;
}

form.post div.action {
	margin: 0.5em 20px 1em;
}

form.post div.action input {
	margin: 0 5px 0 0;
}

form.post textarea {
	width: 80%;
	max-width: 85%;
}

/* Trackback info
---------------*/

div#trackback dl.info {
	padding: 0.8em 15px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f5f5f5;
}

div#trackback dl.info dd {
	margin: 0.3em 20px;
}

div#trackback dl.info dd.URL {
	margin: 0.5em 0;
	padding: 0.5em 10px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #fff;
	color: #01b0f0;
}


/* form
---------------*/


fieldset {
	padding: 1px 0;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	margin-top:15px;
}

legend {
	padding: 0 10px 0 10px;
	margin-left:8px;
	font-weight:bold;
}

input,
textarea {
	padding: 0.2em;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #eee #eee #ddd;
	background-color: #fff;
}

input:hover,
textarea:hover {
	border-color: #00a0dd;
}

textarea {
	padding: 0.5em 10px;
}

input.submit {
	padding: 2px 5px;
	border: none;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color:#006699;
}

input.submit:hover {
	background-color: #000;
}

input.radio {
	border: none;
	background-color: transparent;
	background-image: none;
}



/*blog-comment*/


.blog-entorybody{
	border-bottom:1px solid #CCCCCC;
	padding:0 0 20px 0;
	}


.blog-commentbox{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:10px;
	padding:5px 0 5px 0;
	}
.blog-commentbox ul{
	margin:0;
	padding:0;
	}
.blog-commentbox li{
	border-right:1px solid #CCCCCC;
	float:left;
	font-size:0.8em;
	padding:0 5px 0 5px;
	}
.blog-commentbox a,.blog-commentbox a:hover{
	color:#003399;
	text-decoration:underline;
	}
	

.entry-subtitle{
	margin:30px 0 0 0;	
	background:#E1E1E1;
	padding:3px 3px 3px 10px;
	font-weight:normal;
}

.entry-subtitle h3{
	font-size:0.9em;
}