@charset "utf-8";

/* ------------------------- TOC 
base
css hack
 ------------------------- */

/* base ------------------------------ */

* {
	margin: 0;
	padding: 0;
	text-align: left;
}

html {
	height: 100% ;
	margin-bottom:1px;
}

body {
	height: 100% ;
	background: #3a3e46 url(/img/bg.jpg) repeat-x center top;
	font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "Helvetica", "Verdana", sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a { border: 0; vertical-align: text-middle; }
img { border: 0; vertical-align: bottom; }
i, em, address { font-style: normal; }
input, button { line-height: normal; }

a { color: #b4b7c4; text-decoration: none ; }
a:link { color: #b4b7c4; text-decoration: none ; }
a:visited { color: #b4b7c4; }
a:hover, a:active { color: #fff ; text-decoration: none ; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

p { margin: 0 0 10px 0 ; padding: 0 ; }

::selection {
	background: #b4b7c4;
	color: #fff ;
}
::-moz-selection {
	background: #b4b7c4; /* Firefox */
	color: #fff ;
}

input.txt,
textarea.txt{
	color: #000 ;
	font-size: 12px ;
	background: #d4d9e1 ;
	border: none;
	padding: 3px ;
}

em{color: #adc4d4 ;}
strong{font-weight: bold ;}
textarea{ line-height: 1.5 ;}

input.txt{ height: 16px;}
textarea.txt{ height: 200px;}

input.txt:focus,
textarea.txt:focus{ background: #fff ;}

pre{
	background: #39404e ;
	border: 1px solid #555e6e ;
	padding: 15px ;
	margin-bottom: 15px ;
}

.precode-block{
	list-style-type: decimal-leading-zero;
	background: #39404e ;
	border: 1px solid #555e6e ;
	padding: 15px ;
	margin-bottom: 15px ;
}


/* css hack ------------------------------ */

/* floating box clear */
.clearfix {
    zoom: 1 ;
}
.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear:both;
    visibility: hidden ;
}

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }

/* centered background fix - for Firefox 3 */
body,x:-moz-broken { margin-left:-1px; }


/* common */
h1{
	text-indent: -9999px ;
	width: 290px ;
	height: 70px ;
	float: left ;
	margin-top: 45px ;
}

h1 a{
	width: 290px ;
	height: 70px ;
	background: none ;
	display: block ;
	float: left ;
	overflow: hidden ;
}

h1 a:hover,h1 a:active{ background: url(/img/logo_ov.gif) no-repeat ; }

h2{ text-indent: -9999px ; height: 20px ; margin-bottom: 15px ;}

h2.connelogTitle{ width: 140px ; background:url(/img/sTitleConnelog.gif) no-repeat 5px 0;}
h2.portfolioTitle{ width: 140px ; background:url(/img/sTitlePortfolio.gif) no-repeat 5px 0;}
h2.aboutTitle{ width: 140px ; background:url(/img/sTitleAbout.gif) no-repeat 5px 0;}
h2.inquiryTitle{ width: 140px ; background:url(/img/sTitleInquiry.gif) no-repeat 5px 0;}
h2.downloadTitle{ width: 140px ; background:url(/img/sTitleDownload.gif) no-repeat 5px 0;}
h2.errorTitle{ width: 140px ; background:url(/img/sTitleError.gif) no-repeat 5px 0;}
h2.contactTitle{ width: 140px ; background:url(/img/sTitleContact.gif) no-repeat 5px 0;}
h2.termsTitle{ width: 140px ; background:url(/img/sTitleTerms.gif) no-repeat 5px 0;}

h3{
	color:#fff;
	font-size:20px;
	font-weight:bold;
	font-family:"Osaka","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS Gothic",sans-serif;
	background:url(/img/dot.gif) repeat-x left bottom;
	padding: 0 5px 10px;
	overflow:hidden;
}

h3.archiveTitle{ margin-bottom: 15px ;}

h4{ text-indent: -9999px ; height: 20px ; margin-bottom: 10px ;}
h4.categoryTitle{ width: 140px ; background:url(/img/sTitleCategory.gif) no-repeat ;}
h4.monthlyTitle{ width: 140px ; background:url(/img/sTitleBN.gif) no-repeat ;}
h4.trackbacksTitle{ width: 140px ; background:url(/img/sTitleTrackback.gif) no-repeat ;}
h4.commentsTitle{ width: 140px ; background:url(/img/sTitleComment.gif) no-repeat ;}
h4.comments-openTitle{ width: 140px ; background:url(/img/sTitleBN.gif) no-repeat ;}

.pagetop {
	text-indent: -9999px ;
	background: url(/img/pagetop_off.gif) no-repeat ;
	width: 90px ;
	height: 15px ;
	margin: 0 20px 0 auto ;
}

.pagetop a{
	width: 90px ;
	height: 15px ;
	background: url(/img/pagetop_off.gif) no-repeat ;
	display: block ;
	overflow: hidden ;
}

.pagetop a:hover{
	background: url(/img/pagetop_ov.gif) no-repeat ;
}

.blockLeft { float: left ; }
.blockRight { float: right ; }

p.trimA,p.trimB,p.trimC { width: 990px ; ; overflow: hidden ; margin: 0 auto }
p.trimA { height: 20px ; background: url(/img/trimA.gif) no-repeat ; }
p.trimB { height: 25px ; background: url(/img/trimB.gif) no-repeat ; }
p.trimC { height: 20px ; background: url(/img/trimC.gif) no-repeat ; }

.bgLeft{
	width: 990px ;
	position: relative ;
	margin: 0 auto ;
}

.bgLeft span{
	top: 230px ;
	left: -40px ;
	position: absolute ;
}


/* layout ------------------------------ */

#wrapper{
	width: 100%;
	height: 100% ;
	background: url(/img/bgWrapper.jpg) repeat-y center top ;
	min-height: 100%;
}

body > #wrapper {
	height: auto;
}

#container{
	width: 100%;
	background: url(/img/bgHeader.jpg) no-repeat center top ;
	min-width: 990px ;
	min-height: 700px ;
		/* IE6 */
		height: auto !important;
		height: 700px;
}

#contents{
	width: 990px ;
	margin: 0 auto ;
}

#main1column{
}

#main2column{
	width: 950px ;
	background: url(/img/bgMain2column.jpg) no-repeat;
	margin: 0 20px 10px ;
}

#main2column #blockMain{width: 750px ;overflow: hidden ;float: left ;}
#main2column #blockSide{width: 190px ;overflow: hidden ;float: right ;}
#main2column #blockMain .blockMainInner{top: 0 ;left: 0 ;position: relative ;width: 720px ;overflow: hidden ;margin: 15px ;}
#main2column #blockSide .sideInner{width: 170px ;overflow: hidden ;margin: 10px ;}

#main3column{
	width: 950px ;
	background: url(/img/bgMain3column.jpg) no-repeat;
	margin: 0 20px 10px ;
}

#main3column #blockMain{width: 550px ;overflow: hidden ;float: left ;}
#main3column #blockSide{width: 390px ;overflow: hidden ;float: right ;}
#main3column #blockMain .blockMainInner{top: 0 ;left: 0 ;position: relative ;width: 520px ;overflow: hidden ;margin: 15px ;}
#main3column #blockSide .sideInner{width: 370px ;overflow: hidden ;margin: 10px ;}
#main3column #blockSide .sideInner .blockLeft{width: 170px ;overflow: hidden ;}
#main3column #blockSide .sideInner .blockRight{width: 170px ;overflow: hidden ;}


/* header */
#header{
	width: 950px ;
	height: 130px ;
	margin: 0 auto 10px ;
}

#header .blockLeft{
	width: 390px ;
	overflow: hidden ;
}

#header .blockRight{
	width: 540px ;
	overflow: hidden ;
}

#header p.pict{
	width: 100px ;
	float: right ;
	margin: 53px 0 0 0 ;
}

#header p.pict a{
	text-indent: -9999px ;
	width: 100px ;
	height: 50px ;
	float: right ;
	cursor: pointer ;
}

#header p.pict a span{
	text-indent: -9999px ;
	width: 100px ;
	height: 50px ;
	float: right ;
}

#header p.pict.ccMan00 a{background: url(/imgPict/ccMan00Jump.gif) no-repeat ;}
#header p.pict.ccMan01 a{background: url(/imgPict/ccMan01Squat.gif) no-repeat ;}
#header p.pict.ccMan02 a{background: url(/imgPict/ccMan02Rotation.gif) no-repeat ;}
#header p.pict.ccMan04 a{background: url(/imgPict/ccMan04Sit.gif) no-repeat ;}
#header p.pict.ccMan05 a{background: url(/imgPict/ccMan05Dance.gif) no-repeat ;}
#header p.pict.ccMan06 a{background: url(/imgPict/ccMan06Super.gif) no-repeat ;}
#header p.pict.ccMan07 a{background: url(/imgPict/ccMan07Dance.gif) no-repeat ;}
#header p.pict.ccMan08 a{background: url(/imgPict/ccMan08Kenken.gif) no-repeat ;}
#header p.pict.ccMan09 a{background: url(/imgPict/ccMan09Run.gif) no-repeat ;}
#header p.pict.ccMan10 a{background: url(/imgPict/ccMan10Agura.gif) no-repeat ;}

#header p.pict.ccMan00 a:hover span{background: url(/imgPict/ccMan00Hover.gif) no-repeat ;}
#header p.pict.ccMan01 a:hover span{background: url(/imgPict/ccMan01Hover.gif) no-repeat ;}
#header p.pict.ccMan02 a:hover span{background: url(/imgPict/ccMan02Hover.gif) no-repeat ;}
#header p.pict.ccMan04 a:hover span{background: url(/imgPict/ccMan04Hover.gif) no-repeat ;}
#header p.pict.ccMan05 a:hover span{background: url(/imgPict/ccMan05Hover.gif) no-repeat ;}
#header p.pict.ccMan06 a:hover span{background: url(/imgPict/ccMan06Hover.gif) no-repeat ;}
#header p.pict.ccMan07 a:hover span{background: url(/imgPict/ccMan07Hover.gif) no-repeat ;}
#header p.pict.ccMan08 a:hover span{background: url(/imgPict/ccMan08Hover.gif) no-repeat ;}
#header p.pict.ccMan09 a:hover span{background: url(/imgPict/ccMan09Hover.gif) no-repeat ;}
#header p.pict.ccMan10 a:hover span{background: url(/imgPict/ccMan10Hover.gif) no-repeat ;}

#header .search{
	width: 300px ;
	height: 30px ;
	overflow: hidden ;
	margin: 40px 2px 20px auto ;
}

#header .search form p.blockLeft{
	width: 230px ;
	height: 30px ;
	background: url(/img/searchForm.gif) no-repeat ;
	margin: 0 ;
}

#header .search input.txt{
	width: 216px;
	margin: 5px ;
}

#header .search input.btn{
	background: url(/img/searchBtn_off.gif) no-repeat ;
	text-indent: -9999px ;
	width: 70px ;
	height: 30px ;
	display:block;
	overflow: hidden ;
	border:medium none;
	cursor:pointer;
}

#header .search input.btn:hover{
	background: url(/img/searchBtn_ov.gif) no-repeat ;
}

#header .date{
	text-align: right ;
	height: 21px ;
	overflow: hidden ;
	margin: 60px 2px 0 auto ;
}

#header .date img{
	padding-left: 2px ;
}


/* gnav */
ul#gnav{
	text-indent: -9999px ;
	width: 540px ;
	height: 40px ;
	overflow: hidden ;
}

ul#gnav li{
	height: 40px ;
	float: left ;
	overflow: hidden ;
}

ul#gnav li a{
	height: 40px ;
	display: block ;
	overflow: hidden ;
	float: left ;
}

ul#gnav li.left{ width: 20px ; background: url(/img/gnavLeft.gif) left top no-repeat ;}
ul#gnav li.right{ width: 10px ; background: url(/img/gnavRight.gif) right top no-repeat ;}

ul#gnav li.index,
ul#gnav li.index a{ width: 70px ; background: url(/img/gnavIndex.gif) no-repeat ;}
ul#gnav li.index a.cr{ background: url(/img/gnavIndex_cr.gif) no-repeat ;}
ul#gnav li.index a:hover{ background: url(/img/gnavIndex_ov.gif) no-repeat ; }

ul#gnav li.blog,
ul#gnav li.blog a{ width: 95px ; background: url(/img/gnavConnelog.gif) no-repeat ;}
ul#gnav li.blog a.cr{ background: url(/img/gnavConnelog_cr.gif) no-repeat ;}
ul#gnav li.blog a:hover{ background: url(/img/gnavConnelog_ov.gif) no-repeat ; }

ul#gnav li.portfolio,
ul#gnav li.portfolio a{ width: 90px ; background: url(/img/gnavPortfolio.gif) no-repeat ;}
ul#gnav li.portfolio a.cr{ background: url(/img/gnavPortfolio_cr.gif) no-repeat ;}
ul#gnav li.portfolio a:hover{ background: url(/img/gnavPortfolio_ov.gif) no-repeat ; }

ul#gnav li.about,
ul#gnav li.about a{ width: 75px ; background: url(/img/gnavAbout.gif) no-repeat ;}
ul#gnav li.about a.cr{ background: url(/img/gnavAbout_cr.gif) no-repeat ;}
ul#gnav li.about a:hover{ background: url(/img/gnavAbout_ov.gif) no-repeat ; }

ul#gnav li.download,
ul#gnav li.download a{ width: 100px ; background: url(/img/gnavDownload.gif) no-repeat ;}
ul#gnav li.download a.cr{ background: url(/img/gnavDownload_cr.gif) no-repeat ;}
ul#gnav li.download a:hover{ background: url(/img/gnavDownload_ov.gif) no-repeat ; }

ul#gnav li.contact,
ul#gnav li.contact a{ width: 80px ; background: url(/img/gnavContact.gif) no-repeat ;}
ul#gnav li.contact a.cr{ background: url(/img/gnavContact_cr.gif) no-repeat ;}
ul#gnav li.contact a:hover{ background: url(/img/gnavContact_ov.gif) no-repeat ; }



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

.mainA{
	width: 950px ;
	background: #39404e url(/img/bgMainA.gif) no-repeat ;
	overflow: hidden ;
	margin: 0 auto ;
}
.mainA .mainAFooter{
	width: 950px ;
	height: 5px ;
	background: #39404e url(/img/bgMainAFooter.gif) no-repeat center top ;
	overflow: hidden ;
	margin: 0 auto ;
}

#blockMain .iconRss{top: 8px ;right: 0 ;position: absolute ;}

#blockMain .entry{
	background:transparent url(/img/dot.gif) repeat-x left bottom;
	overflow: hidden ;
	padding-bottom: 15px ;
	margin-bottom: 15px ;
}

#blockMain .entry .entryMeta,
#blockMain .entryList .entryMeta{
	font-size: 11px ;
	padding: 0 5px ;
}

#blockMain .entryList .entryMeta{padding: 0 5px 5px ;}

#blockMain .entryMeta abbr{border: none ;}

#blockMain .entry .entryBody p,
#blockMain .entry .entryMore p{
	margin-bottom: 15px ;
}

#blockMain .entry .entryBody img,
#blockMain .entry .entryMore img{
	border: 5px solid #fff ;
}

#blockMain .entry .entryBody,
#blockMain .entry .entryMore{
	line-height: 1.5 ;
	padding: 0 5px ;
}

#blockMain .entry .entryBody{
	margin-bottom: 15px ;
}

#blockMain .entry .entryBody p.lastChild{
	margin-bottom: 0 ;
}

#blockMain .entryMoreLink{
	width: 90px ;
	height: 15px ;
	background: url(/img/iconArrow02_off.gif) no-repeat 0 0;
	margin: 0 0 0 auto ;
}

#blockMain .entryMoreLink a{
	text-indent: -9999px ;
	width: 90px ;
	height: 15px ;
	background: url(/img/iconArrow02_off.gif) no-repeat 0 0;
	display: block ;
	overflow: hidden ;
}

#blockMain .entryMoreLink a:hover{ background: url(/img/iconArrow02_ov.gif) no-repeat 0 0;}

#blockMain .entryList{
	width: 520px ;
	background:transparent url(/img/dot.gif) repeat-x left bottom;
	overflow: hidden ;
	padding-bottom: 15px ;
	margin-bottom: 15px ;
}

#blockMain .entryList h3{
	font-size: 14px;
	background: none ;
	padding: 0 ;
	margin-bottom: 5px ;
}

#blockMain .entryList .blockLeft{
	width: 150px ;
	overflow: hidden ;
}

#blockMain .entryList .blockRight{
	width: 355px ;
	overflow: hidden ;
}

#blockMain .entryList .blockLeft .entryImg{
	width: 150px ;
	height: 115px ;
	background:#fff url("/img/load.gif") no-repeat center center ;
	overflow: hidden ;
}

#blockMain .entryList .blockLeft .entryImg a{
	width: 140px ;
	border: 5px solid #fff ;
	display: block ;
}

#blockMain .entryList .blockLeft .entryImg a:hover{ border: 5px solid #ffcc00 ;}

#blockMain .entryList .blockLeft .entryImg a img{ width: 140px ;}
#blockMain .entryList .blockLeft .entryImg a:hover img{}

#blockMain .entryList .blockRight .entryBody{
	line-height: 1.5 ;
	margin-bottom: 5px ;
}

#blockMain .entry .entryBody table,
#blockMain .entry .entryMore table{
	width: 100% ;
	border-top: 1px solid #72747d ;
	margin-bottom: 15px ;
}

#blockMain .entry .entryBody table tr.catBorder th,
#blockMain .entry .entryBody table tr.catBorder td,
#blockMain .entry .entryMore table tr.catBorder th,
#blockMain .entry .entryMore table tr.catBorder td{
	border-bottom: 1px solid #72747d ;
}

#blockMain .entry .entryBody table tr th,
#blockMain .entry .entryBody table tr td,
#blockMain .entry .entryMore table tr th,
#blockMain .entry .entryMore table tr td{
	border-bottom: 1px solid #434a59 ;
	padding: 4px 20px 3px 5px ;
}

#blockMain .entry .entryBody table tr td.bullet,
#blockMain .entry .entryMore table tr td.bullet{
	width: 5px ;
	background: url(/img/iconArrow_off.gif) no-repeat left center ;
}

table.pnLink th{padding: 0 10px 0 12px ;}
table.pnLink th.previous{background: url(/img/iconArrow03.gif) no-repeat left center ;}
table.pnLink th.next{background: url(/img/iconArrow_off.gif) no-repeat left center ;}

.pnLinkAll{}
.pnLinkAll table{width: 100% ;}
.pnLinkAll table td p{ margin-bottom: 15px ; }
.pnLinkAll table td.tdLeft,
.pnLinkAll table td.tdRight{width: 25% ;}
.pnLinkAll table td.tdCenter{text-align: center ;}
.pnLinkAll table td.tdRight p{text-align: right ;}
.pnLinkAll table td.tdLeft a{background: url(/img/iconArrow03.gif) no-repeat left center ;padding-left: 10px ;}
.pnLinkAll table td.tdLeft a:hover{background: url(/img/iconArrow03_ov.gif) no-repeat left center ;}
.pnLinkAll table td.tdRight a{background: url(/img/iconArrow_off.gif) no-repeat right center ;padding-right: 10px ;}
.pnLinkAll table td.tdRight a:hover{background: url(/img/iconArrow_ov.gif) no-repeat right center ;}

#main3columnA .pnLinkAll table{
	width: 950px ;
	overflow: hidden ;
	margin: 10px 20px 5px ;
}


/* side ------------------------------ */

#blockSide .entryImg{
	width: 370px ;
	height: 280px ;
	background:#fff ;
	overflow: hidden ;
	margin: 15px 15px 35px 5px ;
}

#blockSide .entryImg a{
	width: 360px ;
	height: 270px ;
	border: 5px solid #fff ;
	display: block ;
}

#blockSide .entryImg a:hover{ border: 5px solid #ffcc00 ;}

#blockSide .entryImg a img{ width: 360px ;}
#blockSide .entryImg a:hover img{
}

#blockSide .entryImg.individual img{border: 5px solid #fff ;}

#blockSide .sideInner .sideMonthly,
#blockSide .sideInner .sideCategory{
	margin-bottom: 15px ;
}

#blockSide .sideInner .sideMonthly li,
#blockSide .sideInner .sideCategory li{
	width: 170px ;
	overflow: hidden ;
}

#blockSide .sideInner .sideMonthly li.archives{
	margin-bottom: 10px ;
}

#blockSide .sideInner .sideMonthly li a,
#blockSide .sideInner .sideCategory li a{
	background: url(/img/iconArrow_off.gif) no-repeat 2px 3px;
	display: block ;
	padding-left: 12px ;
}

#blockSide .sideInner .sideMonthly li a:hover,
#blockSide .sideInner .sideCategory li a:hover{
	background: url(/img/iconArrow_ov.gif) no-repeat 2px 3px;
}

#blockSide .sideInner ul.banner li{margin-bottom: 10px ;}



/* sectionMulti ------------------------------ */

#blockMain .sectionMulti{
	width: 720px ;
	margin: 15px 0 ;
	overflow: hidden ;
}

#blockMain .sectionMulti .blockLeft{width: 250px ;}
#blockMain .sectionMulti .blockRight{width: 455px ;padding-top: 5px ;}

#blockMain .sectionMulti .blockRight .sectionLead{margin-bottom: 15px ;}



/* footer ------------------------------ */

#footer{
	color: #9c9ca3 ;
	width: 950px ;
	overflow: hidden ;
}

#footer .footerFooter{
	height: 5px ;
	margin: 0 ;
}
 
#footer{ text-align: center ;}


/* footerCopyrights */
#footer .copyrights{
	text-indent: -9999px ;
	width: 365px ;
	height: 14px ;
	background: url(/img/copyrights.gif) no-repeat ;
	margin: 30px auto 25px ;
}


/* module ------------------------------ */


/* moduleBlogList */
ul.moduleBlogList{
	width: 960px ;
	overflow: hidden ;
	margin: 0 10px 0 20px ;
}

ul.moduleBlogList li{
	width: 192px ;
	float: left ;
	overflow: hidden ;
	padding-bottom: 10px;
}

ul.moduleBlogList li .mainB{
	color: #676a75 ;
	width: 182px ;
	overflow: hidden ;
}

ul.moduleBlogList li .mainB.hover{color: #fff ;cursor: pointer ;}

ul.moduleBlogList li .mainB .mainBHeader,
ul.moduleBlogList li .mainB .mainBFooter{
	width: 182px ;
	height: 5px ;
	background: url(/img/bgMainB_off.gif) no-repeat ;
	overflow: hidden ;
}
ul.moduleBlogList li .mainB.hover .mainBHeader,
ul.moduleBlogList li .mainB.hover .mainBFooter{
	background: url(/img/bgMainB_ov.gif) no-repeat ;
}

ul.moduleBlogList li .mainB .mainBFooter{background: url(/img/bgMainBFooter_off.gif) no-repeat ;}
ul.moduleBlogList li .mainB.hover .mainBFooter{background: url(/img/bgMainBFooter_ov.gif) no-repeat ;}

ul.moduleBlogList li .mainB .mainBBody{width: 182px ;background: #fff ;overflow: hidden ;}
ul.moduleBlogList li .mainB.hover .mainBBody{background: #39404e ;overflow: hidden ;}

ul.moduleBlogList li .mainB p{
	margin: 0 10px 0 ;
}

ul.moduleBlogList li .mainB p span{ font-size: 10px ; margin-right: 5px ; }

ul.moduleBlogList li .mainB p.img {
	width: 160px ;
	height: 200px ;
	border: 5px solid #e2e4ea ;
	background:#fff url(/img/load.gif) no-repeat 65px 85px ;
	overflow: hidden ;
	margin: 6px ;
}

ul.moduleBlogList li .mainB.hover p.img {border: 5px solid #ffcc00 ;}

ul.moduleBlogList li .mainB p.img img {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	border: none ;
	height: 200px ;
	margin-left: -50px ;
}

ul.moduleBlogList li .mainB p.img img.imgThumb {margin-left: 0 ;}

ul.moduleBlogList li .mainB p.day {font-size: 10px ;letter-spacing: 1px ;}

ul.moduleBlogList li .mainB p.day img {
	vertical-align: middle ;
	margin-left: 5px ;
}

ul.moduleBlogList li .mainB p.category {
	font-size: 12px ;
}

ul.moduleBlogList li .mainB p.title {
	margin-bottom: 10px ;
}  

ul.moduleBlogList li .mainB p.entry {
	margin-bottom: 5px ;
}  


/* trackback ------------------------------ */

/* trackback */
.trackbacks {
}

.trackbacks input.txt {
	width: 300px ;
}

.trackbacks .trackbacksUrl {
	margin: 0 5px ;
}

.trackbacks .trackbacksUrl label {
	width: 120px ;
	display: block ;
	float: left ;
}

.trackbacks .trackbacksUrl input {
	width: 386px ;
	display: block ;
}


/* comment ------------------------------ */

/* comment */
.comments {
}

.comments .commentTitle {
	margin: 0 5px 10px ;
}

.comments .commentContent {
	margin: 0 5px 15px ;
}

.comments #comment-greeting {
	margin: 0 5px 10px ;
}

.comments #comment-form-name,
.comments #comment-form-email,
.comments #comment-form-url,
.comments #comment-form-reply,
.comments #comment-form-remember-me,
.comments #comments-open-text {
	margin: 0 5px 5px ;
}

.comments #comment-form-name label,
.comments #comment-form-email label,
.comments #comment-form-url label {
	width: 120px ;
	display: block ;
	float: left ;
}

.comments #comment-form-name input,
.comments #comment-form-email input,
.comments #comment-form-url input {
	width: 386px ;
	display: block ;
}

.comments #comments-open-text textarea {
	width: 504px ;
	margin: 10px 0 ;
}