@charset "utf-8";

body{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:small;
	color:#333;
}

ul, li, table, tbody, tr, td, h1, h3{
	margin:0;
	padding:0;
	list-style:none;
}

table{
	width:100%;
}

td{
	vertical-align:top;
}

th{
	background-color:#EEE;
}

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

hr{
	clear:both;
}

dl dt{
	font-weight:600;
}

.devepBlock{
	border:#CCC solid 1px;
	margin:5px;
	padding:20px;
}


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

.contentsBody{
	width:980px;
	position:relative;
	left:50%;
	margin-left:-490px;
}

div#headNavi{
	width:100%;
	min-width:980px;
	height:20px;
	background-color:#393939;
	top:0;
	font-size:small;
	color:#CCC;
}

div#headNavi div.contentsBody{
	text-indent:10px;
}

div#headNavi img{margin:0 10px;}

div#headNavi a{color:#FFF;}

div#containerCenter{
	width:100%;
	min-width:980px;
}

div#container{
	width:980px;
	min-width:980px;
	position:relative;
	left:50%;
	margin-top:20px;
	margin-left:-490px;
}

div#header{
	width:100%;
	min-width:980px;
	border-bottom:1px solid #393939;
}

div#headBgRepeat{
	position:absolute;
	top:20px;
	width:100%;
	height:100px;
	background:url(images/headerrepeat.png) repeat-x center;
	z-index:-999;
}

div#headContents{
	background:url(images/headerBG.png) no-repeat center;
	width:100%;
	height:100px;
}

div#headContents .contentsBody{
	height:100px;
}

h1#titleLogo a{
	position:absolute;
	display:block;
	width:151px;
	height:44px;
	bottom:0;
	left:16px;
	text-indent:-9999px;
	overflow:hidden;
}

div#header ul#navi{
	background-image:url(images/navi.png);
	position:absolute;
	right:5px;
	bottom:0;
	width:447px;
	list-style:none;
	text-indent:-9999px;
	border-top:1px solid #393939;
	border-right:1px solid #393939;
	border-left:1px solid #393939;
}

div#header ul#navi li{float:left;}
div#header ul#navi li a{display:block; height:35px; overflow:hidden;}
div#header li#naviHome a{background:url(images/navi.png) 0 0; width:76px;}
div#header li#naviSa a{background:url(images/navi.png) -76px 0; width:153px;}
div#header li#naviWiki a{background:url(images/navi.png) -229px 0; width:65px;}
div#header li#naviDiary a{background:url(images/navi.png) -294px 0; width:74px;}
div#header li#naviForum a{background:url(images/navi.png) -368px 0; width:79px;}

div#header li#naviHome a:hover{background-position:0 -35px; width:76px;}
div#header li#naviSa a:hover{background-position:-76px -35px; width:153px;}
div#header li#naviWiki a:hover{background-position:-229px -35px; width:65px;}
div#header li#naviDiary a:hover{background-position:-294px -35px; width:74px;}
div#header li#naviForum a:hover{background-position:-368px -35px; width:79px;}

div#header li#naviHome a.select{background-position:0 -35px; width:76px;}
div#header li#naviSa a.select{background-position:-76px -35px; width:153px;}
div#header li#naviWiki a.select{background-position:-229px -35px; width:65px;}
div#header li#naviDiary a.select{background-position:-294px -35px; width:74px;}
div#header li#naviForum a.select{background-position:-368px -35px; width:79px;}

div#centerColumn{
	overflow:hidden;
}

div#userMenu{
}

form#searchForm{
	position:absolute;
	right:5px;
	top:10px;
}

.centerLblockContent{
	clear:both;
	margin-left:10px;
	font-size:x-small;
	color:#999;
}


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




div#mainContainer{
	width:100%;
}

div#mainContainerTop{
	background-image:url(images/main_container_top.gif);
	width:100%;
	height:6px;
	clear:both;
}
div#mainContainerCenter{
	background-image:url(images/main_container_center.gif);
	width:100%;
	clear:both;
	overflow:hidden;
}
div#mainContainerBottom{
	background-image:url(images/main_container_bottom.gif);
	width:100%;
	height:6px;
	clear:both;
}


/*-- left block --------------------------------------*/


div#leftColumn{
	width:160px;
	margin:0 6px;
	padding:20px;
	float:left;
	xposition:relative;
}

h3#blockTitleContentsMenu{
	height:14px;
	background:url(images/block_title_contents.png) no-repeat;
	text-indent:-9999px;
}
h3#blockTitleSponsoredLink{
	height:14px;
	background:url(images/block_title_sponsoredlink.png) no-repeat;
	text-indent:-9999px;
}
h3#blockTitleHowTo{
	height:14px;
	background:url(images/block_title_howto.png) no-repeat;
	text-indent:-9999px;
}
h3#blockTitleWikiMenu{
	height:14px;
	background:url(images/block_title_wikimenu.png) no-repeat;
	text-indent:-9999px;
}
h3#blockTitleNewDiary{
	height:14px;
	background:url(images/block_title_newdiary.png) no-repeat;
	text-indent:-9999px;
}
h3#blockTitleForumList{
	height:14px;
	background:url(images/block_title_forumlist.png) no-repeat;
	text-indent:-9999px;
}
h3#blockTitleContribution{
	height:14px;
	background:url(images/block_title_contribution.png) no-repeat;
	text-indent:-9999px;
}

/*-- main contents --------------------------------------*/

div#contents{
	width:716px;
	margin:0 6px;
	padding:20px;
	float:right;
}

div#contents p#bannerSa{
	width:400px;
	margin:0 auto;
}


.leftblockContent{
	margin-top:1em;
	margin-bottom:3em;
}

.centerCblockContent{
	clear:both;
	padding-top:10px;
}

p.howtoText{
	width:500px;
	letter-spacing:0.1em;
	line-height:1.7em;
}

.pico_body ul, .pico_body li{
	list-style:inside disc;
}

.pico_container h2{
	font-size:1.5em;
	color:#B02E46;
}
.pico_container h3{
	font-size:1.1em;
	border-left:0.5em solid #393939;
	border-bottom:1px solid #393939;
	padding-left:0.5em;
	margin:30px 0;
}
.pico_container dl{
	margin-top:40px;
}
.pico_container dd{
	margin-bottom:40px;
}

h2#pageTitleDiary{
	margin:0 0 20px 0;
	border-bottom:1px solid #CCC;
	color:#B02E46;
}

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


div#footer{
	padding:5px;
	font-size:x-small;
	text-align:center;
	clear:both;
}





.blockList{
	display:block;
	border-bottom:1px solid #CCC;
	margin-top:5px;
	padding:5px;
}


.outer {
	border: solid 1px #CCC;
	width:100%;
}

.head {
	background: #EEE;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

.even {
	background: #efefef;
	margin: 0;
	padding: 5px;
}

.odd {
	background: #F9F9F9;
	margin: 0;
	padding: 5px;
}

.foot {
	background: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}