/* Based on the original Style Sheet for the XOOPS version 2 */
/* Edited by K.Sudow  - http://mailpa.jp/ - last updated 2008.12.17 */

/* The content of the posts (body of text) */
body {
	background: #ffffff url(images/background.gif) repeat;
	color: #666666;
	font-size: 12px;
	font-family: Verdana,'£Í£Ó £Ð¥´¥·¥Ã¥¯','¥Ò¥é¥®¥Î´Ý¥´ Pro W4','Hiragino Maru Gothic Pro',Osaka,sans-serif;
	margin: 0;padding: 0;
	line-height: 190%;
	word-wrap: break-word;
	word-break: break-all;
	background-attachment:fixed; /* background no scroll */
	-webkit-text-size-adjust: 100%; /* iPhone Safari text-size fix k.sudow */
	}

/* input field color design creative commons license (cc) by mai.sudow */
input[type="text"], input[type="password"] {
	padding: 5px 3px 3px 7px;
	background: url(images/form_background_field.gif) no-repeat;
	border-top: 1px solid #FDF6F9; /* ex-color */
	border-right: 1px solid #FDF6F9; /* ex-color */
	border-bottom: 1px solid #FDF6F9; /* ex-color */
	border-left: 1px solid #FDF6F9; /* ex-color */
	}

input[type="text"]:focus, input[type="password"]:focus {
	border: solid 1px #FDF6F9; /* ex-color same header color */
	}

textarea {
	background:url(images/form_background_field.gif) no-repeat;
	border: solid 1px #FDF6F9; /* ex-color */
	padding: 5px 3px 3px 7px;
	}

textarea:focus {
	border: solid 1px #FDF6F9; /* ex-color same header color */
	}

/*******************************************************************************/
/*            CUSTOM BUTTON SET_APPLY by mai.sudow                             */
/*                    XOOPS -> .formButton                                     */
/*                    BLOG  -> .formSubmit(submit)                             */
/*                    SNS   -> .submitFrame(submit,button)                     */
/*******************************************************************************/
.formButton, .formSubmit input[type="submit"], .submitFrame input[type="submit"], .submitFrame input[type="button"] {
	color: #333333;
	background: url(images/submit_button.gif) no-repeat top left;
	border: none;
	width: 94px;
	height: 25px;
	padding-bottom: 6px;
	}

/* pair there button hover */
.formButton:hover, .formSubmit input[type="submit"]:hover, .submitFrame input[type="submit"]:hover, .submitFrame input[type="button"]:hover {
	background: url(images/submit_button.gif) no-repeat bottom left;
	cursor: pointer;
	}
/*******************************************************************************/

/* This is main html width Base Layout */
.usual {
	margin: 0;
	padding:0;
	text-align: center;
	}

div.page {
	width: 920px;
	margin:0 auto;
	text-align:left;
	padding: 0;
	position: static; /* parent static by mai.sudow */
	}

fieldset {
	/* background-color: #ffffff; */
	border: 1px solid #F7D1E3; /* ex-color same as HR */
	}

td#mainmenu a {
	line-height:170%;
	}

td#mainmenu a:hover {
	background-color: #f0f0f0;
	}

td#usermenu a {
	line-height:170%;
	}

td#usermenu a:hover {
	background-color: #f0f0f0;
	}

.sideblock {
	background-color: #ffffff; /* mai.sudow */
	}

/* BASE THEME ONLY */
.artsubhead{font-size: 12px;text-align:left;}
.menuehead{font-size: 12px;color:#F564BB;}

.outer {
	text-align:left;
	border: 0px solid #FBE9F2; /* bk-color */
	background-color: #FBE9F2; /* bk-color */
	padding: 0px;
	}

.head {
	padding: 4px; /* mai.sudow */
	color: #F564BB;
	font-weight:normal;
	background-color: #FFECFB; /* ex-color head */
	vertical-align: middle;	
	white-space:nowrap;
	}

.foot {
	background-color: #FFECFB; /* ex-color half */
	padding: 3px;
	}

.comTitle {
	color: #F564BB;
	font-weight: bold;
	background-color: #FFECFB; /* ex-color half */
	height: 23px;
	text-align: left;
	padding-top: 7px;
	padding-left: 12px;
	}

.comSubTitle {
	color: #F564BB;
	font-weight: normal;
	background-color: #FFECFB; /* ex-color half */
	height: 23px;
	text-align: center;
	padding-top: 7px;
	}


/* under in common with all theme by communes  */
.comText {
	padding: 20px;
	text-align: left;
	line-height:180%;
	}

.comUserStat {
	font-size: 12px;
	font-weight:normal;
	border: 1px solid #cccccc;
	background-color: #ffffff; /* mai.sudow */
	margin: 2px; padding: 2px;
	white-space:nowrap;
	}

.comUserStatCaption {
	font-weight: normal;
	margin-left:4px; /* mai.sudow */
	}

.comUserStatus {
	margin-left: 2px;
	margin-top: 12px;
	font-weight:normal;
	font-size: 12px;
	white-space:nowrap;
	}

.comUserRank {
	margin: 2px;
	}

.comUserRankText {
	font-size: 12px;
	font-weight:normal;
	white-space:nowrap;
	}

.comUserRankImg {
	border: 0;
	}

.comUserName {
	}

.comUserImg {
	margin: 2px;
	}

.comDate {
	color: #666666;
	font-weight: normal; 	 
	font-size: 12px;
	text-align: right;	
	}

.comDateCaption {
	color: #666666;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	}


/* under in common with all theme  */
.odd { 
	padding: 4px; /* mai.sudow */
	background-color: #ffffff;		
	}

.even { 
	padding: 4px; /* mai.sudow */
	background-color: #ffffff;
	vertical-align: middle;
	}

table { 
	width: 100%; 
	}

table td { 
	vertical-align: top;
	}

table th {
	color:#F564BB;
	background:#ffffff url(images/title.gif) top repeat;
	font-weight:normal;
	text-align:center;
	vertical-align: middle;
	height: 27px;
	}

/* General text */
.gensmall{
	font-size: 12px;
	}

/* General page style */
a:link,a:active,a:visited,a.postlink {
	color: #F564BB;
	text-decoration:none;
	}

a:hover {
	color:#F03EA9;
	text-decoration: none; /* or underline */
	}

a.alter:hover {
	background-color:transparent;
	position:relative;top:1px;left:1px; /* mai.sudow */
	}

hr {
	height: 1px;
	border: none;
	border-top: 1px #F7D1E3 solid; /* ex-color hr */
	}


/* Table cell control */
.bodyline {
	background-color:transparent;
	}

.forumline {
	background-color:transparent;
	}

.center_forumline {
	text-align:left;
	}

.maincenterline {
	/*background:#ffffff;*/
	border: 0px solid #ffffff; /* Ãæ±û¥Ö¥í¥Ã¥¯¤Î¼þ°Ï¤Î¿§¡Ê¤ª¹¥¤ß¤Ç¡Ë */
	padding: 0px;
	}

.maintitle,h1 {
	font-size: 16px;
	text-decoration:none;
	color:#939393;
	}

.subtitle,h2 {
	font-size: 13px;
	text-decoration:none;
	}

h3	{
	font-size: 13px;
	}

h4	{
	font-size: 12px;
	}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {
	font-size: 12px;
	font-weight:bold;
	}

.postbody {
	font-size: 12px;
	line-height:125%;
	}

/* Location,number of posts,post date etc */
.postdetails {
	font-size: 12px;
	color:#353535;
	}

/* Quote blocks */
div.xoopsQuote {
	background:#fafafa;
	border:1px solid #d1d7dc;
	color:#999999;
	line-height:150%;
	}

/* Code blocks */
.code {
	background:#fafafa;
	border:1px solid #d1d7dc;
	color:#006600;
	font-size: 12px;
	padding:5px;
	}

/* This is for the error messages that pop up */
.errorline {
	background:#d3e4f3;
	border:1px solid #999999;
	}

/* Form elements */
form {
	display:inline;
	}

input {
	font-size: 12px;
	font-family:monospace;
	color:#444444; /* mai.sudow */
	}

textarea {
	font-size: 12px;
	font-family:monospace;
	color:#444444; /* mai.sudow */
	}

select {
	background:#ffffff;
	font-size: 12px;
	color:#444444; /* mai.sudow */
	}

input.post,textarea.post {
	background:#ffffff;
	border:1px solid #000000;
	font-size: 12px;
	padding-bottom:2px;padding-left:2px;
	font-family:monospace;
	}

input.button,input.liteoption,.fakebut {
	border:1px solid #000000;
	background:#ffffff;
	font-size: 12px;
	font-family:monospace;
	}

input.catbutton {
	border:1px solid #000000;
	background:#ffffff;
	font-size: 12px;
	font-family:monospace;
	}

input.mainoption {
	border:1px solid #000000;
	background:#ffffff;
	font-size: 12px;
	font-weight:bold;
	font-family:monospace;
	}

a.but,a.but:hover,a.but:visited {
	color:#000000;
	text-decoration:none;
	}



/* Admin & Moderator Colours MODification */
.admin,.mod {
	font-size: 12px;
	font-weight:bold;
	}

.admin,a.admin,a.admin:visited {
	color:#ff0000;
	}

.mod,a.mod,a.mod:visited {
	color:#006600;
	}

a.admin:hover,a.mod:hover {
	color:#000000;
	}

/* Gets rid of the need for border="0" on hyperlinked images */
img {
	border:0;
	}

/* ------------ END of style. design by k.sudow and mai.sudow------------ */





/* --------------------------------------------------------- */
/*                     weblogD3 style                        */
/* --------------------------------------------------------- */
/* $Id: style.css 975 2007-08-26 03:54:02 mai.sudow $ */

/*----- experiment for mai.sudow by org hodaka  -----*/

/*----- weblog common -----*/
.accesskey { text-decoration:underline; }
.structurelabel { position: absolute; left: -5000px; width: 4000px; }
map { margin:0; padding:0; clear:both; }

/***------ main_header.html ------***/
#weblogFeeder {float:right; margin:0; padding:0;}
/* case image
#weblogFeeder li { display:inline; float:left; margin:0; padding:0; width:85px; padding-left:2px; }
#weblogFeeder li img { vertical-align:bottom; }
*/
#weblogFeeder li { display:inline; float:left; margin:0; padding:0 5px; border-left:1px solid #999; }
#weblogFeeder li.first { border:none;}

#weblogHeader {
	clear:both;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
}

/***------ main_entries.html, main_details.html ------***/
.weblogCategory {
	margin: 0;
	padding: 5px 5px 0;
	font-size: 12px;
}
.weblogCategory a { font-size:12px; }

/*#weblogCatree { clear:both; margin-bottom:12px; padding:5px; border-top:1px solid #999; }
.weblogCatreeLeft { clear:both; display:inline; float:left; }
.weblogCatreeRight { display:inline; float:left; padding-left:3em; } IE doen't work */

.weblogCatree {
    clear: both;
    margin-bottom: 12px;
/*  margin:12px auto;*/ 	/* case center */
    display: table;			/* ie doen't understand */
    border-top: 1px solid #999;
    padding: 5px;
    white-space: nowrap;
}
.weblogCatree li.level1 {
    display: table-cell;	/* ie doen't understand */
    position: relative;
	margin: 0;
	padding-right: 0;
    vertical-align: top;	/* ie drops down to bottom if you erase */
	width: 13em;
}
.weblogCatree li li {
	margin-left: 13px;
}

.weblogEntryTitle {
	color: #F564BB;
	font-size: 12px;
	background-color: #FFECFB; /* ex-color head */
	font-weight:normal;
	text-align:left;
	padding:4px;
	padding-left:12px;
	height: 22px;
	clear: both;
}
.weblogEntryTitle a { font-size: 12px; font-weight:normal; letter-spacing:1px; }
.weblogEntryTitle em { font-size: 12px; font-weight:normal; letter-spacing:1px; font-style:normal; }
.weblogEntryCreated { padding-left:.5em; }
.weblogEntryCategory { padding-right:8px; float:right; }

.weblogContents {
	position: relative;
	margin: 0;
	padding: 12px;
	margin-top: 2px; /* 2011.02.24 update */
	border: 1px solid #FDF6F9; /* ÏÈ¿§ */ /* ex-color */
	background-color:#ffffff; /* ÇØ·Ê */
}

.weblogContents dl, .weblogContents ol, .weblogContents ul { margin: 2px; padding: 2px; }
.weblogContents ul {list-style:square outside;}
.weblogContents ol {list-style:decimal outside;}
.weblogContents dt { margin-left: 1em; font-weight: normal; }
.weblogContents dd { margin-left: 2em; }
.weblogContents li { margin-left:2em; }
.weblogContents .xoopsCode {
	width: 95%;
	overflow: auto;
	margin: 12px 0;
	padding: 5px;
}
.weblogContents img { margin-left:3px; margin-right:3px; }
.weblogContents span.readMore {
	display: block;
	padding-top: 1em;
}

.weblogFooter { clear:both; margin:2px 0 6px 0; float:right; }
.weblogFooter li { display:inline; float:left; margin:0; padding: 0 3px; border-right:1px solid #999; font-size: 12px; }
.weblogFooter li.last { border:none; }
.weblogFooter a { font-size: 12px; }
.weblogAvatar { vertical-align:bottom; border:none; }


/*------ k.sudow page navi ------*/
.weblogPageNavigation { clear:both; font-size:12px; font-weight:bold; }

/*------ main_details.html ------*/

.weblogNavigation { list-style:none; text-align:right; }
.weblogNavigation li { display:inline; border-right:1px solid #999; color:#DDA; }
.weblogNavigation li.noentry { border-right:1px solid #DDA; }
.weblogNavigation li.last { border:none; }

#weblogShowTrackbackURL { clear:both; font-size:12px; font-weight:normal; text-align:right; }
/*#weblogShowTrackbackURL span { margin-left:.5em; font-style:italic; font-weight:normal; font-size:12px; }*/
#weblogShowTrackbackURL:before { content: "\25C6 \0020"; }
#weblogGetTrackbackURL { margin-left:.5em; font-style:normal; font-weight:normal; font-size:12px; }
#weblogTrackbackURL { margin-left:.5em; font-style:normal; font-weight:normal; font-size:12px; }

#weblogTrackbackTransmit { margin:0 0 1em; padding:0 .2em 0 0; font-size:12px; font-weight:normal; }
#weblogTrackbackTransmit:before { content: "\25C6 \0020"; }
#weblogTrackbackTransmitted { margin:0 0 1em; padding:0; }
#weblogTrackbackTransmitted li { margin-left:1.2em; padding:0; list-style:square outside; }
.weblogSentTrackbackURL { margin:0 0 1em; padding:0; }
.weblogTrackbackCreated { margin-left:1em; font-size:12px; }

#weblogTrackbackReceive { margin:0 0 1em; padding:0 .2em 0 0; font-size:12px; font-weight:normal; }
#weblogTrackbackReceive:before { content: "\25C6 \0020"; }
#weblogTrackbackReceived { margin:0; padding:0; }
.weblogTBTitle { margin:0; padding:0; }
.weblogTBCreated { margin-left:.5em; font-size:12px; }
.weblogTBContents { margin:0 0 0 2em; padding:0; line-height:1.5; border-bottom:1px dotted #999;}
.weblogTBFooter { margin:0 0 1em; padding:0; text-align:right; }

/* print_and_friend */
.print_and_friend{ text-align:right; }
.print_and_friend li{ display:inline; margin-left:12px; }

/* comments */
.weblogCommentNotice { margin:0 0 1em; padding:0 .2em 0 0; font-size:12px; font-weight:normal; text-align:left; }
.weblogCommentNotice:before { content: "\25C6 \0020"; }
.weblogCommentNavi * { vertical-align: middle; }
.weblogComment {}

/***--------weblog_archive.html------***/

#weblogSelBox{ margin:0 auto 12px; border: none; vertical-align:middle; text-align:center; }
#weblogSelBox label { margin-right: 1em; }

#weblogArchTable {
	width: 100%;
	border-collapse: collapse;
	color: #1b1b18;
	font-size: 12px;
	table-layout: fixed;
}
#weblogArchTable .head th {
	font-weight: normal;
	background: #2F5376;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #bfbfbf;
	line-height: 2.5;
}
#weblogArchTable td { border: 1px solid #bfbfbf; line-height: 1.5; }
#weblogArchTable .even td { background-color: #dee3e7; }
#weblogArchTable .odd td { background-color: #E9E9E9; }
#weblogArchiveFooter { margin:12px 0 0 0; padding:0; }
#weblogArchiveFooter li { list-style:none; color:#000; }
#weblogArchiveFooter .blogArchTotal{ float: left; }
#weblogArchiveFooter .blogArchPagenav{ float: right; text-align: right;}

/***--------- main_post.html ----------***/
#weblogPreviewHeader { margin:0 0 1em; padding:0 5px; font-size:13px; }

/* xoopsForm */
#weblogForm {
	width: 100%;
	margin: 0 auto;
}

#weblogForm fieldset {
	margin: 1em 0 0 0;
	padding: 0;
	border-width: 1px;
	border-color: #776d6b;
	border-style: none;
}
#weblogForm legend {
	padding: 3px 0;
  	font-weight: normal;
  	color: #aaaaaa;
}
#weblogForm em {
	font-style: normal;
  	font-weight: normal;
	color: #f00;
}

#weblogForm .label {
	clear: left;
	display: block;
	padding: 3px 0;
	padding-left: 5px;
	float: left;
	width: 120px;
	line-height: 1.2;
	border-top:1px solid silver;
	vertical-align: middle;
}
#weblogForm .control {
	display: block;
	margin: 0 0 0 125px;
	padding: 3px 0;
	line-height: 1.2;
	border-top:1px solid silver;
	vertical-align: middle;
}
#weblogForm input checkbox {
	margin: 0;
	padding: 0;
	border-style: none;
	color: #000;
	background: transparent;
}
/*#weblogForm input, .xoopsForm select, .xoopsForm textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	vertical-align: bottom;
	color: #696969;
	background: #f1f1ed;
	padding: 3px;
}
#weblogForm input radio {
	border-style: none;
	color: #000;
	background: transparent;
}*/

#weblogForm .formSubmit {
	margin: 0 0 1em;
	color: #444;
	border: none;
}
#weblogForm .formSubmit input {
	margin-right: .5em;
	/*border-width: 2px;*/
	/*border-color: #587B9C #1A3854 #1A3854 #587B9C;*/
	/*width: 6em;*/
	vertical-align: middle;
	/*color: #fff;*/
	/*background: #2F5376;*/
}

#weblogForm #title,
#weblogForm #contents,
#weblogForm #ent_trackbackurl { width: 400px; }

#weblogDetailsCategoryNaviMap {
	
}

/* Fat Erik's Breadcrumbs  http://css.maxdesign.com.au/listamatic/horizontal33.htm */
#weblogCatNavi {
	list-style: none;
}

#weblogCatNavi li {
	display: inline;
	padding: 0;
	margin: 0;
}

#weblogCatNavi li:before { content: "> "; }
#weblogCatNavi li:first-child:before { content: ""; }

/*Mac IE 5*/
/*\*//*/
#weblogCatNavi li {
    background-image: url("../images/gt.gif");
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin: 0 0 0 .5em;
	padding: 0 0 0 1em;
}
#weblogCatNavi li:first-child { background-image: none; }
/* end */

/* Add menu header ver basic */
#menu_container dl {
	color: #F564BB !important; /* mai.sudow standard -> #0026E0 */
}

/* fieldset legend */
legend {
	color: #F564BB;
}

/* Yomi-Search */
#log-0{ background:#F564BB !important; } /* ranking title background */