@charset "UTF-8";

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


body {
	padding: 0px;
	margin: 0px;
	font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
		color:#333;
		font-size:10px;
		background:url(../images/foot_bg.gif) repeat-x bottom;
}

* html body {
	font-size:62.5%;
}

/* resets
----------------------------------------------- */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, img , div, body, html, p, blockquote, fieldset, input {
    margin: 0;
	padding: 0;
	border: 0px;  
}
li{
	list-style:none;
}

/* clearfix
----------------------------------------------- */
.clear{clear:both}
.clearfix:after{
		content:".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
.clearfix{ display:inline-table; }
/* Mac OS版IEには適用しない \*/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix{ display: block; }
/**/


/* link color
----------------------------------------------- */

a:link,
a:visited,
a:active {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
a{
	color:#333;
}


/* bg
---------------------------------------------------------------------------------------- */

.top #bg{
	background:url(../images/head_bg.gif) repeat-x top;
}
.about #bg{
	background:url(../images/head_bg2.gif) repeat-x top;
}


/* container
---------------------------------------------------------------------------------------- */

.top #container{
	margin:0px auto;
	padding-left:20px;
	width:960px;
}
.about #container{
	margin:0px auto;
	width:960px;
}

/* head
---------------------------------------------------------------------------------------- */

.top #head{
	background:url(../images/head_bg.gif) repeat-x top;
	position:relative;
	height:350px;
}
.about #head{
	background:url(../images/head_bg2_center.gif) repeat-x top;
	position:relative;
	height:320px;
	margin: 0px 0px 36px 0px;
}

.top #head h1{
	position:absolute;
	left:301px;
	top:150px;
	z-index:20;
}
.about #head h1{
	position:absolute;
	left:515px;
	top:79px;
	z-index:20;
}
.about #head h2{
	position:absolute;
	left:70px;
	top:255px;
	z-index:20;
}

.top #head .keyvisual{
	position:absolute;
	left:-63px;
	top:0px;
	z-index:10;
}
.about #head .keyvisual{
	position:absolute;
	left:480px;
	top:200px;
	z-index:10;
}

.top #head .logo{
	position:absolute;
	left:71px;
	top:25px;
	z-index:20;
}

.top #head .navi{
	position:absolute;
	left:13px;
	top:118px;
	z-index:20;
}
.about #head .logo{
	position:absolute;
	left:80px;
	top:25px;
	z-index:20;
}

.about #head .navi{
	position:absolute;
	left:23px;
	top:118px;
	z-index:20;
}

.top #head .navi li{
	margin-bottom:9px;
}
.about #head .navi li{
	margin-bottom:13px;
}

#head .lang{
	position:absolute;
	left:842px;
	top:0px;
	z-index:20;
}

#head .lang li{
	display:inline;
	margin-right:2px;
}


.about #kuzu{
	position: absolute;
	top: 161px;
	left: 290px;
	height: 30px;
}
.about #kuzu li{
	float: left;
	height: 30px;
}
.about #kuzu li.separate{
	width:18px;		
	background: url(/images/head_kuzu_sep.gif) repeat-x;
	font-size: 0px;
	text-indent: -100px;
	overflow: hidden;
}
.about #kuzu li.end{
	width:12px;		
	background: url(/images/head_kuzu_end.gif) repeat-x;
	overflow: hidden;
}
.about #kuzu a{
	display: block;
	float: left;
	height: 13px;
	line-height: 100%;
	padding:9px 28px 9px 15px;
	background: url(/images/head_kuzu_bg.gif) repeat-x;
}


/* body
---------------------------------------------------------------------------------------- */

#body{clear:both}
#body:after{
		content:".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		
	}
#body{ display:inline-table; }
/* Mac OS版IEには適用しない \*/
* html #body { height: 1%; }
*+html #body { height: 1%; }
#body{ display: block; }
/**/

}

.top #body{
	margin-bottom:56px;
}

.top #body .viewall{
	height: 23px;
	overflow: hidden;
}

.top #body .viewall a{
	background:url(../images/top/viewall_bg.gif) no-repeat;
	width:77px;
	height:23px;
	display:block;
	float: right;
	color:#fff;
	text-align:center;
	margin: 0px;
	padding: 0px;
}

	#main p.underconstruction img{
		display: block;
		margin:130px auto;
	}


#main .items span{
	display: block;
	width:98px;
	margin:0px auto 5px auto;
	line-height: 120%;
	font-size: 1.1em;
}

#main .paging_navi{
	padding:0px 10px 10px 10px;
}
#main .paging_navi li.next{
	float: right;
	width:50%;
	text-align: right;
}
#main .paging_navi li.prev{
	float: left;
	width:50%;
	text-align: left;
}


.top #main{
	float:right;
	width:634px;
	z-index: 20;
	position: relative;
	display: inline;
	margin-right:0px;
	overflow: hidden;
}

.about #main{
	width:960px;
	margin-bottom: 200px;
}

/* article */

.rtr #main .article{
	width:858px;
	margin-bottom: 35px;
	padding-left:15px;
}
.rtr #main .article h3{
	width:294px;
	float: left;
	padding: 97px 0px 0px 0px;
}
.rtr #main .article p{
	width:524px;
	float: right;
	padding: 0px 0px 20px 0px;
	font-size: 1.6em;
	line-height: 1.6em;
}
.rtr #main .article p img{
	display: block;
	margin:0px auto 15px auto;
}


/* newentry
---------------------------------------------------------------------------------------- */

.top #main .newentry{
	width:613px;
	margin-bottom: 20px;
}

.top #main .newentry h2{
	margin:17px 0px 13px 0px;
}

.top #main .newentry .image{
	float:left;
	width:116px;
	height: 201px;
	padding:28px 0px 0px 20px;
	margin-bottom: 20px;
}
.top #main .newentry .image img{
	display: block;
	margin:0px 0px 10px 0px;
}
.top #main .newentry .image a{
	margin:0px 20px 0px 0px;
}
.top #main .newentry .items{
	width:456px;
	float: right;
	margin:0px 0px 40px 0px;
}
.top #main .newentry .items p{
	float: left;
	margin:0px 0px 7px 2px;
	padding: 4px 0px 0px 0px;
	width:110px;
	display: inline;
	border: solid 1px #999;
}
.top #main .newentry .items a{
	display: block;
	width:102px;
	margin:0px auto 10px auto;
	line-height: 100%;
}
.top #main .newentry .items img{
	width:102px;
}



.top #main .pickup{
	width:613px;
	margin-bottom: 20px;
}

.top #main .pickup h2{
	margin:39px 0px 13px 0px;
}

.top #main .pickup .items{
	width:570px;
	margin:0px 0px 17px 43px;
}
.top #main .pickup .items p{
	float: left;
	margin:0px 0px 7px 2px;
	padding: 4px 0px 0px 0px;
	width:110px;
	display: inline;
	border: solid 1px #999;
}
.top #main .pickup .items a{
	display: block;
	width:102px;
	margin:0px auto 10px auto;
	line-height: 100%;
}
.top #main .pickup .items img{
	width:102px;
	}

.top #main .pickup .items span{
	display: block;
	width:98px;
	margin:0px auto 5px auto;
	line-height: 120%;
	font-size: 1.1em;
}


.top #main .pickup ul{
	clear:both;
	padding:0px 0px 0px 48px;
	margin:0px 0px 20px 0px;
}

.top #main .pickup li{
	line-height: 140%;
	background:url(../images/top/main_li_icon.gif) no-repeat 0px 2px;
	clear:both;
	padding:0px 0px 5px 20px;
}

.top #main .pickup li a{
	clear:both;
	padding:0px 0px 0px 20px;
}


/* entry
---------------------------------------------------------------------------------------- */
.top #main .entry{
	width:630px;
	margin-bottom: 20px;
	line-height: 160%;
}

.top #main .entry .post{
	background:url(../images/top/main_entry_bg.gif) repeat-y center top;
	border:#ccc solid 1px;
	margin-bottom: 10px;
	overflow:hidden;
	zoom:1;
}
.top #main .entry h3{
	background:url(../images/top/main_entry_title_bgs.gif) repeat-y center top;
	border-bottom:1px solid #8c8072;
	font-weight: normal;
	padding:0px 0px 1px 11px;
	margin: 11px 0px 11px;
	line-height:1em;
	font-size:1.65em;
}
.top #main .entry h3 span {
	display: block;
	padding: 10px 14px 5px 120px;

}
.top #main .entry h3.t2 span {
	background:url(../images/top/main_entry_title_bg_ga.gif) no-repeat left top;
}
.top #main .entry h3.t9 span {
	background:url(../images/top/main_entry_title_bg_tp.gif) no-repeat left top;
}
.top #main .entry p.date{
	text-align:right;
	padding:0px 35px 16px 0px;
	margin:0px;
}
.top #main .entry p.body{
	padding:0px 20px 10px 27px;
	margin:0px;
	font-size:1.6em;
	line-height: 1.6em;
}
.top #main .entry p.img {
	float:left;
	padding:0 30px 5px;
}
.top #main .entry p.viewall{
	clear:both;
	margin: 0px 20px 10px 0px;
}



/* aidebar
---------------------------------------------------------------------------------------- */
.top #sidebar{
/* 	width:295px; */
	width:310px;
	line-height: 2em;
	overflow: hidden;
}


/* project --------------------------*/
.project #main{
	width:930px;
	margin-left: auto;
	margin-right: auto;
}
.project .yakuphoto{
	width: 313px;
	float: right;
	display: inline;
	overflow: visible;
	margin-right: -50px;
	position: relative;
}
.project .yakuphoto img{
	position: relative;
	z-index: 100;
}




.project .content{
	width:627px;
	overflow: hidden;
	float: left;
	display: inline;
}

.project .imgge{
	width:154px;
	float: left;
	overflow: hidden;
	display: inline;
	padding: 5px 0px 0px 3px;

}

.project .txt{
	width:380px;
	float: right;
	overflow: hidden;
	display: inline;
	margin:0px 0px 0px 20px;
	font-size: 1.6em;
	line-height: 1.6em;
}

.project .txt h3{
	margin:0px 0px 0px 10px;
}
.project .txt p{
	margin:0px 0px 20px 0px;
}


.project #main p.cache{
	margin-bottom: 50px;
}
.project #main p.image{
	margin-bottom: 40px;
}
.project #main p.read{
	text-align: center;
	margin-bottom: 70px;
}
.project #main h3{
	width:660px;
	margin:0px auto 10px auto;
}
.project #main ul{
	width:680px;
	margin:0px auto 24px auto;
}
.project #main li{
	background: url(/images/project/list_bg.gif) no-repeat;
	padding: 10px 20px;
	margin-bottom: 4px;
	font-size:1.6em;
	color:#666;
}
.project #main p.etc{
	width:620px;
	margin:0px auto 24px auto;
	font-size: 1.6em;
	line-height: 1.6em;
}



/*--g action --------------------*/

.goodaction #sidebar{
	width:291px;
	line-height: 1.65em;
	overflow: hidden;
}
.goodaction #main{
	width:650px;
	padding-top: 23px;
	float: right;
	overflow: hidden;
}

.goodaction #sidebar h3{
	margin-bottom: 10px;
}

.goodaction #sidebar ul{
	padding:0px 30px 20px 9px;
}

.goodaction #sidebar li{
	background:url(../images/top/main_li_icon.gif) no-repeat 0px 2px;
	padding:0px 0px 8px 20px;
	font-size: 1.6em;
}


.goodaction #main .items{
	width:660px;
	margin:0px 0px 40px 0px;
}
.goodaction #main .items p{
	float: left;
	margin:0px 17px 17px 0px;
	padding: 4px 0px 0px 0px;
	width:110px;
	display: inline;
	border: solid 1px #999;

}
.goodaction #main .items a{
	display: block;
	width:102px;
	margin:0px auto 10px auto;
	line-height: 100%;
}
.goodaction #main .items img{
	width:102px;
}


.goodaction #main .post{
	background:url(../images/goodaction/main_entry_bg.gif) repeat;
	border:#ccc solid 1px;
	margin-bottom: 10px;

}

.goodaction #main .post h3{
	background:url(../images/goodaction/main_entry_title_bg.gif) no-repeat center top;
	height:22px;
	font-weight: normal;
	padding:23px 0px 0px 63px;
	font-size: 1.65em;
}

.goodaction #main .post{
	width:634px;
}
.goodaction #main .post p {
	font-size: 1.6em;
	line-height: 1.6em;	
}
.goodaction #main .post .userinput{
	padding:0px 15px 15px 15px;
}

.goodaction #main .post p.date{
	text-align:right;
	padding:0px 35px 16px 0px;
	margin:0px;
}
.goodaction #main .post p.body{
	padding:0px 20px 10px 27px;
	margin:0px;


}
.goodaction #main .post p.viewall{
	margin: 0px 20px 10px 0px;
}
.goodaction #main .post p img{
	float: none;
}

.goodaction #main .post .userinput .imgleft {
	margin-right: 10px;
}

.goodaction #main .post .userinput .imgright {
	float: right;
}

.goodaction #main .post .userinput .floatclear {
	clear: both;
}

/* mes
---------------------------------------------------------------------------------------- */
.top #sidebar .mes{
	width: 295px;
	background:url(../images/sidebar_mes_bg.gif) repeat-y center top;
	margin:10px 0px 20px 0px;
	border-bottom:#ccc solid 1px;
	line-height: 160%;
}

.top #sidebar .mes h2{
	padding:30px 13px 22px 13px;
}

.top #sidebar .mes p{
	padding:0px 13px 18px 13px;
}


.top #sidebar .twitter{
	margin:0px 0px 30px 0px;
}


/* topics
---------------------------------------------------------------------------------------- */
.top #sidebar .topics{
	margin:0px 0px 0px 0px;
	width: 315px;
	line-height: 130%;
}

.top #sidebar .topics h2{
	background:url(../images/sidebar_contents_title_bg.jpg) no-repeat left top;
	padding:10px 0px 18px 44px;
	font-size:1.4em;
}

.top #sidebar .topics ul{
	padding:0px 30px 20px 9px;
}

.top #sidebar .topics li{
	background:url(../images/top/main_li_icon.gif) no-repeat 0px 2px;
	padding:0px 0px 5px 20px;
	font-size: 1.4em;
	line-height: 1.6em;
}


/* support
---------------------------------------------------------------------------------------- */
.top #sidebar .support{
	margin:0px 0px 0px 0px;
	width: 310px;
}
.top #sidebar .support h2{
	background:url(../images/sidebar_contents_title_bg.jpg) no-repeat left top;
	padding:10px 0px 23px 44px;
	font-size:1.65em;
}
.top #sidebar .support ul{
	padding:0px 0px 0px 5px;
}

.top #sidebar .support li{
	float: left;
	margin:0px 10px 10px 0px;
	display: inline;
	line-height: 1em;
}


/* foot ----------------------------------*/
#foot{
	height: 102px;
}
#foot ul{
	text-align: center;
	padding-top:40px;
}
#foot li{
	display: inline;
	margin:0px 8px;
}
#foot a:link,
#foot a:visited{
	color:#fff;
}